2012-07-20 183 views
3

我正在使用jQuery选项卡创建带有四个选项卡的选项卡栏。 之后,标签被初始化,当点击某个链接时,我想禁用第一个标签并选择第二个标签。jQuery选项卡:禁用第一个选项卡,选择第二个

我可以成功地禁用选项卡,然后选择第一个这样的(我的点击函数内):

$("#settings-tabs").tabs("option", { 
    "disabled": [0, 1], 
    "selected": 0 
}); 

但是我怎么禁用第一个选项卡,然后选择第二?那么,选择第二个标签很容易:"selected": 1。但我无法弄清楚如何禁用第一个标签。我已经试过:

"disabled": [0, 0] 
"disabled": [0] 
"disabled": 0 
"disabled": [-1, 0] 

在所有情况下,第二个选项卡将被默认选中,但后来我还是可以点击第一个选项卡切换回去吧。

我错过了什么?

回答

2

尽量选择调用diabled之前调用:jsFiddle example

$("#tabs").tabs(); 
$("#tabs").tabs("option", { 
    "selected": 1, 
    "disabled": [0] 
});​ 

$("#tabs").tabs(); 
$("#tabs").tabs("option", "selected", 1); 
$("#tabs").tabs("option", "disabled", [0]);​ 
+0

无论是工作方式 - 在这两种情况下,它会选择第二个选项卡,而是先保持启用状态。 – daGUY 2012-07-20 20:09:43

+0

你可以在jsFiddle上发布一个例子,或者发布可以解决问题的简化代码吗?正如你从我的答案中的例子可以看出,它应该是可能的。 – j08691 2012-07-20 20:11:05

+0

嗯......它可以在小提琴中很好的分离出来:http://jsfiddle.net/xJ9vX/ – daGUY 2012-07-20 20:34:08

相关问题