jQuery选项卡：禁用第一个选项卡，选择第二个

Question

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

我可以成功禁用第二个标签并选择第一个（在我的点击功能中）：

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

但是如何禁用第一个标签并选择第二个？好吧，选择第二个标签很简单："selected": 1。但我无法弄清楚如何禁用第一个选项卡。我试过了：

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

在所有情况下，默认情况下会选择第二个标签，但我仍然可以点击第一个标签切换回它。

我错过了什么？

Answer 1

尝试在调用禁用之前调用select： jsFiddle example

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

或

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