在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>

我想按其名称切换到#sample-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");

这在official docs中有很好的文档记录

“选择选项卡，就像它被单击一样。第二个参数是要选择的选项卡的从零开始的索引或与该选项卡关联的面板的id选择器(选项卡的href片段标识符，例如哈希，指向面板的id)。”

我假设这是在这个问题之后添加的，可能是在大多数答案之后添加的

Answer 3

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

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

我使用以下代码，并且工作正常：

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