3

我正在使用 jQuery UI 选项卡： http: //api.jqueryui.com/tabs/

如何在标签之外的页面上创建链接，单击时激活某个标签？谢谢

4

5 回答 5

8

见http://api.jqueryui.com/tabs/#option-active

获取当前活动标签索引：

var currentActive = $( ".selector" ).tabs( "option", "active" );

要设置当前活动选项卡：

$( ".selector" ).tabs( "option", "active", <number of tab> );

例如：

$('a').click(function(){
         $( ".tabs" ).tabs( "option", "active", 2 );
});
于 2013-03-26T15:42:48.883 回答
2

在 IE10 选项“活动”不起作用。我使用而不是“活动”选项“已选择”。

$( ".selector" ).tabs( "option", "selected", <number of tab> );
于 2013-10-01T07:04:48.370 回答
1 
$( "#tabs" ).tabs({ active: tabNumber });

tabNumber 以 0 开头

于 2014-04-10T07:30:48.510 回答
1

从文档中可以看出，我已将@Secator 的答案标记为正确。但是由于某种原因，它对我不起作用，所以我“手动”模拟了点击选项卡：

        $("#myTrigger").click(function(e) {
              $("#id-of-normal-tab-link").click();
              e.preventDefault(); //prevent default behavior of the a#myTrigger 
        });
于 2013-03-26T16:09:43.670 回答
0

尝试这个：

<li ....> 
     <a href="#tab-number">Tab Title</a>
</li>

他们你的网址看起来像这样：“[URL]#tab-number”

我希望能帮助你......问候......

于 2014-08-28T18:56:52.933 回答