Tabs 使用jQuery工具设置默认选项卡

Tabs 使用jQuery工具设置默认选项卡,tabs,jquery-tools,Tabs,Jquery Tools,好的,请确保您了解这是使用jquerytools(),而不是jqueryui 我需要知道是否有办法通过实际的HTML代码设置默认选项卡。设置代码如下所示: jQuery("ul.tabs").tabs("div.panes > div"); <div class="tabs-container"> <ul class="tabs "> <li class="w3"><a href="#" class="current">The active

好的,请确保您了解这是使用jquerytools(),而不是jqueryui

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

jQuery("ul.tabs").tabs("div.panes > div");
<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>
HTML是这样的:

jQuery("ul.tabs").tabs("div.panes > div");
<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>

第一个选项卡的内容 第二个选项卡内容 第三个选项卡内容

我已经尝试将第二个选项卡的锚定设置为“current”类,但没有成功。

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

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

完整参考在“脚本API”下:

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

这里有一个链接指向一个fiddle,初始索引设置为“1”,默认情况下显示第二个选项卡,而不是第一个选项卡,因为选项卡索引从零开始

使用initialIndex属性设置它的脚本如下所示(您可以在这里用“1”替换最初显示页面时希望为“当前”的选项卡编号,其中第一个选项卡为0,第二个选项卡为1,以此类推)

$(“”).tabs(“,{initialIndex:1});

我非常了解这一点,我需要能够通过HTML而不是jQuery进行设置,因为我希望能够(在HTML方面)编码第一个、第二个或第三个选项卡是否默认打开。我如何将其与HTML的某些方面相连接,例如“current”类、rel=“current”或HTML结构中的某些内容?