jQuery选项卡:禁用第一个选项卡,选择第二个
问题描述:
我正在使用jQuery选项卡创建带有四个选项卡的选项卡栏。 之后,标签被初始化,当点击某个链接时,我想禁用第一个标签并选择第二个标签。jQuery选项卡:禁用第一个选项卡,选择第二个
我可以成功地禁用秒选项卡,然后选择第一个这样的(我的点击函数内):
$("#settings-tabs").tabs("option", {
"disabled": [0, 1],
"selected": 0
});
但是我怎么禁用第一个选项卡,然后选择第二?那么,选择第二个标签很容易:"selected": 1
。但我无法弄清楚如何禁用第一个标签。我已经试过:
"disabled": [0, 0]
"disabled": [0]
"disabled": 0
"disabled": [-1, 0]
在所有情况下,第二个选项卡将被默认选中,但后来我还是可以点击第一个选项卡切换回去吧。
我错过了什么?
答
尽量选择调用diabled之前调用:jsFiddle example
$("#tabs").tabs();
$("#tabs").tabs("option", {
"selected": 1,
"disabled": [0]
});
或
$("#tabs").tabs();
$("#tabs").tabs("option", "selected", 1);
$("#tabs").tabs("option", "disabled", [0]);
无论是工作方式 - 在这两种情况下,它会选择第二个选项卡,而是先保持启用状态。 – daGUY 2012-07-20 20:09:43
你可以在jsFiddle上发布一个例子,或者发布可以解决问题的简化代码吗?正如你从我的答案中的例子可以看出,它应该是可能的。 – j08691 2012-07-20 20:11:05
嗯......它可以在小提琴中很好的分离出来:http://jsfiddle.net/xJ9vX/ – daGUY 2012-07-20 20:34:08