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不会识别这些属性。

因此，对于Dojo1.4，您必须使用dojoType="dijit.layout.TabContainer"（当然，对于ContentPane也是等效的）来代替data-dojo-type="dijit.layout.TabContainer"。

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