4

我设置了一些 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”。

取消选择所有选项卡的正确方法是什么?

4

3 回答 3

6

试试这个代码:

$("#deselectButton").click(function(){          
    $('#tabs').tabs( 'selected' , -1 )
    $(".ui-tabs-selected").removeClass("ui-state-active").removeClass("ui-tabs-selected");
});
于 2009-09-17T13:58:02.833 回答
3

jQuery 1.10 要求将 collapsible选项设置为 true。

$('#tabs').tabs('option', 'collapsible', true);
$('#tabs').tabs( 'option', 'active', false );
于 2013-11-14T18:56:49.087 回答
2

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

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

或者:

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

根据下面的评论。谢谢

于 2013-01-16T17:08:31.770 回答