在Jquery-UI选项卡中按名称切换到选定的选项卡

Question

如果我有三个标签:

<div id="tabs">
    <ul>
        <li><a href="#sample-tab-1"><span>One</span></a></li>
        <li><a href="#sample-tab-2"><span>Two</span></a></li>
        <li><a href="#sample-tab-3"><span>Three</span></a></li>
    </ul>
</div>

我想用它的名字换成#pample-tab-2.我知道如果我知道它的号码我就可以切换到标签,但是如果遇到这种情况我就不知道了.

注意:JQuery 1.3.1/JQuery-UI 1.6rc6

Answer 1

我无法得到以前的工作答案.我按以下方式执行以下操作以获取选项卡的索引:

var index = $('#tabs a[href="#simple-tab-2"]').parent().index();
$('#tabs').tabs('select', index);

Answer 2

似乎使用id和索引一样,例如,只需这样就可以开箱即用......

$("#tabs").tabs("select", "#sample-tab-1");

这在官方文档中有详细记载:

"选择一个选项卡,如同其被点击.第二个参数是要选择的选项卡的基于零的索引或标签与(标签的href片段标识符,例如散列相关联的面板的id选择,指向小组的id). "

我认为这是在提出这个问题之后添加的,并且可能在大多数答案之后

Answer 3

$('#tabs').tabs('select', index); 

方法`'select'在jquery ui 1.10.0中不受支持.http://api.jqueryui.com/tabs/

我使用此代码,并正常工作:

  $('#tabs').tabs({ active: index });

Answer 4

您可以使用以下脚本按名称获取选项卡的索引:

var index = $('#tabs ul').index($('#simple-tab-2'));
$('#tabs ul').tabs('select', index);

Answer 5

只有这个代码真实有效!

$('#tabs').tabs();
$('#tabs').tabs('select', '#sample-tab-2');

Answer 6

使用此功能:

function uiTabs(i){
    $("#tabs").tabs("option", "selected", i);
}

并使用以下代码在标签之间切换:

<a onclick="uiTabs(0)">Tab 1</a>
<a onclick="uiTabs(1)">Tab 2</a>
<a onclick="uiTabs(2)">Tab 3</a>