2011-01-09 116 views
4

我有大的Web应用程序使用JQuery UI选项卡。在中央JS文件中,我设置了所有选项卡。如何设置默认打开JQuery UI选项卡比首先

使用

$("#tabs").tabs;

但在一个页面上,我需要选择另一个选项卡比第一。

如果我使用

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

(标签的名称是#将)

它没有运行,可能是因为标签已经成立。

有谁知道如何设置打开了一个比第一个选项卡(在默认状态 - 在加载页面) 如果选项卡已经打开?

我希望你会明白,我的英语很糟糕。

回答

8

复活一个老问题,但我无法从安德鲁的例子来工作。

而是什么工作对我来说,这要归功于Rionmonster的第二个例子是here

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

你必须调用tabs()时通过从零开始的索引的“选择”选项。上面的代码的第一行获取“#add”标签的从零开始的索引,如果您还不知道它的话。

5

用途:

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

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

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

+0

我会尝试。谢谢。 – yety 2011-01-09 17:08:15

9

我知道这一个古老的,但我注意到在代码中的错误,你已经写了:

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

这应该是

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

此外,selected选项已废弃的jQuery UI 1.9的如here所示。推荐的是active选项,细节here

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

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

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

检查this fiddle

相关问题