通过单击选项卡外部的链接来设置活动选项卡?

时间:2013-03-26 15:36:03

标签: jquery jquery-ui jquery-ui-tabs

我正在使用jQuery UI标签: http://api.jqueryui.com/tabs/

如何点击选项卡外的我的页面上的链接,点击时使某个标签处于活动状态?谢谢

5 个答案:

答案 0 :(得分: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 );
});

答案 1 :(得分:2)

在IE10选项&#39;有效&#39;不行。我使用而不是“活跃”#39;选项&#39;选择&#39;。

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

答案 2 :(得分:1)

我已经将@ Secator的答案标记为正确,正如我从文档中看到的那样正确。但是由于某些原因它对我没有用,所以我“手动”模拟选项卡上的点击:

        $("#myTrigger").click(function(e) {
              $("#id-of-normal-tab-link").click();
              e.preventDefault(); //prevent default behavior of the a#myTrigger 
        });

答案 3 :(得分:1)

$( "#tabs" ).tabs({ active: tabNumber });

tabNumber以0开头

答案 4 :(得分:0)

试试这个:

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

他们的网址如下:“[URL] #tab-number”

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