0

好的，请确保您了解这是使用 jQuery 工具 ( 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>

我已经尝试将第二个选项卡的锚定为“当前”类，但这不起作用。

4

2 回答 2

1

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

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

使用 initialIndex 属性设置它的脚本如下（您可以在此处将“1”替换为最初显示页面时希望成为“当前”的 TAB 的编号，其中第一个选项卡为 0，第二个为1 等）。

    $("<tabs_selector>").tabs("<pane_selector>",  {initialIndex: 1} );
于 2013-09-11T08:29:25.220 回答
0

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

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

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

于 2013-09-10T12:22:04.993 回答