取消选择所有jquery选项卡时遇到问题 [英] Having trouble deselecting all jquery tabs

问题描述

我设置了一些jQuery选项卡，开始时没有选择这样的选项卡:

I set up some jQuery tabs to start off with no tabs selected like this:

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

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

Then I also have a separate link that when pressed needs to deselect all the tabs.

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

或

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

deselectButton单击的确取消了选项卡内容的选择，但是选项卡标题与"ui-tabs-selected ui-state-active"类一起保持活动状态.

The deselectButton click does deselect the tabs content, however the tabs title remains active with the class 'ui-tabs-selected ui-state-active'.

取消所有标签的正确方法是什么?

What is the correct way to deselect all the tabs?

推荐答案

尝试以下代码:

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

这篇关于取消选择所有jquery选项卡时遇到问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！