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

【问题标题】：Set active tab by clicking a link thats outside of the tabs?通过单击选项卡外部的链接来设置活动选项卡？
【发布时间】：2013-03-26 15:36:02
【问题描述】：

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

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

【问题讨论】：

标签： jquery jquery-ui jquery-ui-tabs

【解决方案1】：

见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 );
});

【讨论】：

我假设标签也是 0 索引
谢谢你！希望我在一小时前就注意到了这个功能！

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

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

tabNumber 以 0 开头

【讨论】：

【解决方案5】：

试试这个：

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

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

希望对您有所帮助....问候...

【讨论】：