无法取消选择所有jquery选项卡

Question

我设置了一些jQuery选项卡，开始没有像这样选择选项卡：

$('#tabs').tabs( { selected: -1 } );  

然后我还有一个单独的链接，按下时需要取消选择所有选项卡。

$("#deselectButton").click(function(){      
    $('#tabs').tabs( 'select' , -1 )
});

或

$("#deselectButton").click(function(){      
    $('#tabs').tabs( 'selected' , -1 )
});

取消选择按钮单击会取消选择标签内容，但是标签标题保持活动状态，并且“ui-tabs-selected ui-state-active”类。

取消选择所有标签的正确方法是什么？

Answer 1

试试这段代码：

$("#deselectButton").click(function(){          
    $('#tabs').tabs( 'selected' , -1 )
    $(".ui-tabs-selected").removeClass("ui-state-active").removeClass("ui-tabs-selected");
});

Answer 2

jQuery 1.10要求将可折叠的选项设置为true。

$('#tabs').tabs('option', 'collapsible', true);
$('#tabs').tabs( 'option', 'active', false );

Answer 3

如果您使用的是jQuery UI版本1.9+，则CSS代码已更改为：

$('#tabs').tabs('option', 'active', false);

或：

$('.ui-tabs-active').removeClass('ui-tabs-active ui-state-active');

根据以下评论。感谢