Question

这可能是一个简单的问题，但我无法弄清楚我是如何实现它的。我有以下代码：

<div id="tabContainer" dojoType="dijit.layout.TabContainer" region="center" tabStrip="true">
<div id="tab1" dojoType="dijit.layout.ContentPane" title="TITLE1" selected="true">   
LINK TO TAB2    
</div>
<div id="tab2" dojoType="dijit.layout.ContentPane" title="TITLE2" selected="false">     
some text
</div>

我想要做的是从Tab1到Tab2的链接。如果我使用以下链接，它不起作用：

<a href="name_of_the_file.html#TITLE2">

如果我将相同的链接放在另一个html文件上，它就能完美运行。任何建议如何正确的链接应该是什么样的？非常感谢！

TTP

Answer 1

如果HTML是这样的：

<div id="tabContainer" dojoType="dijit.layout.TabContainer">
 <div id="tab1" dojoType="dijit.layout.ContentPane" title="TITLE1">   
  <a href="#" id='linktosecond'>LINK TO TAB2</a>
 </div>
 <div id="tab2" dojoType="dijit.layout.ContentPane" title="TITLE2">     
  some text
 </div>
</div>

我们可以向超链接节点添加onclick事件以移动到所需的选项卡

<script>
  dojo.ready(function() {
    dojo.byId('linktosecond').onclick = function() {
      dijit.byId('tabContainer').selectChild(dijit.byId('tab2'));
    }
  });

</script>

如何在tabcontainer / dojo中导航/使用选项卡？

1 个答案: