如何设置默认打开JQuery UI选项卡而不是第一个

Question

我有使用JQuery UI标签的大型Web应用程序。在中央JS文件中，我设置了所有标签。

使用

$("#tabs").tabs;

但是在一个页面上我需要选择另一个选项卡而不是第一个。

如果我使用

$("#tabs").{ selected: add });

（标签名称为#add）

它没有运行，可能是因为已经设置了Tabs。

有没有人知道如何设置打开另一个选项卡而不是第一个选项卡（在默认状态下 - 加载页面后） 如果标签已经开启？

我希望，你会明白，我的英语非常糟糕。

Answer 1

我知道这个人已经老了，但我注意到你写的代码中有错误：

$("#tabs").{ selected: add });

这应该是

$("#tabs").tabs({ selected: add });

此外，{j}指定here的selected选项已在jquery ui 1.9中弃用。建议使用active选项，详情为here

在任何情况下，使用您要打开的选项卡的索引，而不是href值;即如果你想打开第三个标签，请使用

$("#tabs").tabs({ selected: 2 });

或

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

检查this fiddle

Answer 2

复活一个旧问题，但我无法从安德鲁那里得到实例。

相反，对于我有用的东西，感谢Rionmonster的第二个例子here：

var index = $('#tabs li a').index($('a[href="#add"]').get(0));
$('#tabs').tabs({selected: index});

调用tabs()时，必须将基于零的索引作为“selected”选项传递。上面代码的第一行获取“#add”选项卡的从零开始的索引，如果你还不知道的话。

Answer 3

使用：

$("#tabs").tabs("select", index)

其中index是您要选择的选项卡的从零开始的索引，或者是指定要打开的选项卡的选择器。所以在你的情况下：

$("#tabs").tabs("select", "#add");