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无法识别它们。

因此，对于Dojo 1.4，您必须使用data-dojo-type="dijit.layout.TabContainer"（当然还有ContentPane的等效项）而不是dojoType="dijit.layout.TabContainer"。

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

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

1 个答案: