我设置了一些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”类。
取消选择所有标签的正确方法是什么?
答案 0 :(得分:6)
试试这段代码:
$("#deselectButton").click(function(){
$('#tabs').tabs( 'selected' , -1 )
$(".ui-tabs-selected").removeClass("ui-state-active").removeClass("ui-tabs-selected");
});
答案 1 :(得分:3)
jQuery 1.10要求将可折叠option设置为true。
$('#tabs').tabs('option', 'collapsible', true);
$('#tabs').tabs( 'option', 'active', false );
答案 2 :(得分:2)
如果您使用的是jQuery UI版本1.9+,则CSS代码已更改为:
$('#tabs').tabs('option', 'active', false);
或:
$('.ui-tabs-active').removeClass('ui-tabs-active ui-state-active');
根据以下评论。感谢