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

yet*_*ety 4 jquery-ui jquery-ui-tabs

我有使用JQuery UI Tabs的大型Web应用程序.在中央JS文件中,我已经设置了所有标签.

运用

$("#tabs").tabs;

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

如果我使用

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

(标签名称是#add)

它没有运行,可能是因为Tabs已经设置好了.

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

我希望,你会理解,我的英语非常可怕.

Tiq*_*lou 9

我知道这个很旧,但我注意到你编写的代码中有错误:

$("#tabs").{ selected: add });
Run Code Online (Sandbox Code Playgroud)

这应该是

$("#tabs").tabs({ selected: add });
Run Code Online (Sandbox Code Playgroud)

此外,selected选项被弃用指示jQuery UI的1.9的位置.推荐是active选项,详情请点击此处

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

$("#tabs").tabs({ selected: 2 });
Run Code Online (Sandbox Code Playgroud)

要么

$("#tabs").tabs({ active: 2 });
Run Code Online (Sandbox Code Playgroud)

检查这个小提琴


Eug*_*e M 8

复活一个老问题,但我无法从安德鲁那里得到实例.

取而代之的是什么工作对我来说,这要归功于Rionmonster的第二个例子这里是:

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

您必须在调用时将基于零的索引作为"选定"选项传递tabs().如果您还不知道上面代码的第一行,则获取"#add"选项卡的从零开始的索引.


And*_*ker 5

使用:

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

index要选择的选项卡的从零开始的索引在哪里,或者是指定要打开的选项卡的选择器.所以在你的情况下:

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