dojo - DOJO1.6 和 DOJO1.4.3 中的代码工作方式不同

Question

我在 DOJO1.6 和 DOJO1.4 中有以下代码。在 1.6 版本中它工作正常，但在 1.4 中不工作。选项卡式菜单仅显示为列表。请帮助我，以便代码在 DOJO1.4 中也能正常工作。

<script src="/portal_dojo/v1.4.3/dojo/dojo.xd.js" djConfig="parseOnLoad:true">
</script>
<script type="text/javascript">
dojo.require("dijit.layout.TabContainer");
dojo.require("dijit.layout.ContentPane");
</script>
<div style="width: 350px; height: 300px">
<div data-dojo-type="dijit.layout.TabContainer" style="width: 100%; height: 100%;">
    <div data-dojo-type="dijit.layout.ContentPane" title="My first tab" selected="true">
        Lorem ipsum and all around...
    </div>
    <div data-dojo-type="dijit.layout.ContentPane" title="My second tab">
        Lorem ipsum and all around - second...
    </div>
    <div data-dojo-type="dijit.layout.ContentPane" title="My last tab" closable="true">
        Lorem ipsum and all around - last...
    </div>
</div>

Answer 1

在 1.5 中添加了对 HTML5 样式data-dojo-xyz属性的支持，因此 Dojo 1.4 将无法识别它们。

因此，data-dojo-type="dijit.layout.TabContainer"您不必dojoType="dijit.layout.TabContainer"为 Dojo 1.4 使用（当然也与 ContentPane 等效）。

请参阅此处的示例：http: //jsfiddle.net/froden/WyeRk/