Question

我的 HTML 页面上有类似的内容。

 <html>
 <body>
      <div dojoType="dijit.layout.TabContainer" id="allTabContainer" style="width: 1150px; height: 490px" tabPosition="left-h" persist="true">
          <div dojoType="dijit.layout.ContentPane" id="firstTab_id" title="firstTab" >Content 1</div>
          <div dojoType="dijit.layout.ContentPane" id="secondTab_id" title="secondTab" >Content 2</div>
          <div dojoType="dijit.layout.ContentPane" id="thirdTab_id" title="thirdTab" ><jsp:include flush="true" page="thirdTab_page.jsp"></jsp:include></div>
      </div>
 </body>
 </html>

我在 thirdTab_page.jsp 上有3个按钮，点击后会调用下面的 selectTab javascript函数。请检查相同的代码。

    <html>
    <body>

    <div dojoType="dijit.layout.BorderContainer" style="padding:10px; width: 50%;" id="borderCont">
                                      <button dojoType="dijit.form.Button" type="submit" id="firstTab" onclick="selectTab(this.id);">Tab1</button>
       <button dojoType="dijit.form.Button" type="submit" id="secondTab" onclick="selectTab(this.id);">Tab2</button>
       <button dojoType="dijit.form.Button" type="submit" id="thirdTab" onclick="selectTab(this.id);">Tab3</button>

    </div>
    </body>
    </html>

然后我有了 javascript函数，就像这样。

    <script type="text/javascript"> 
    dojo.require("dijit.layout.TabContainer"); 
    function selectTab(tabId){
    var correctTabId = tabId+"_id";
    dijit.byId("allTabContainer").selectChild(correctTabId);
    }
    </script>

tabContainer.selectChild似乎在IE中不起作用，但在Firefox中运行良好。如果我错过了什么，请建议。提前谢谢。

Dojo tabContainer.selectChild无法在IE中运行

0 个答案: