Question

好的，请确保您了解这是使用jQuery Tools（http://jquerytools.org/），而不是jQuery UI。

我需要知道是否有办法通过实际的HTML代码设置默认选项卡。设置代码如下所示：

jQuery("ul.tabs").tabs("div.panes > div");

并且HTML是这样的：

<div class="tabs-container">
<ul class="tabs ">
<li class="w3"><a href="#" class="current">The active tab</a></li>
<li class="w3"><a href="#">Another tab</a></li>
<li class="w3"><a href="#">Third tab</a></li>
</ul>
<div class="panes">
<div style="display: block;">
Content of first tab
</div>
<div style="display: none;">
Second tab contents
</div>
<div style="display: none;">
Third tab contents
</div>
</div>

我已经尝试过给第二个标签的主播“当前”这个类，但是没有用。

Answer 1

初始化选项卡后，您可以获取选项卡脚本API句柄，然后选择选项卡：

var api = $("ul.tabs").data("tabs");
api.click(1);

完整参考位于“脚本API”下：http://jquerytools.org/documentation/tabs/

Answer 2

当您在页面上的脚本中设置选项卡时，需要使用initialIndex属性作为第二个参数的一部分。

这是一个指向小提琴的链接，初始索引设置为“1”，默认情况下显示第二个选项卡而不是第一个选项卡，因为选项卡索引从零开始。 http://jsfiddle.net/switchweb/pPMRX/

使用initialIndex属性进行设置的脚本如下所示（这里将“1”替换为最初显示页面时想要“当前”的TAB编号，其中第一个选项卡为0 ，第二是1，等等。

    $("<tabs_selector>").tabs("<pane_selector>",  {initialIndex: 1} );

使用jQuery Tools设置默认选项卡

2 个答案: