如何取消选择jquery中的选项卡

Question

$(document).ready(function() {
    $('#tabs > ul').tabs('select', 1);
    $('#tabs').tabs({
        selected: 1
    });
    $("#tabs").tabs({
        disabled: [0, 2, 3]
    });
    return false;
});

要移至另一个标签页，不会遵循CSS样式。如何取消选择当前选项卡？

Answer 1

试试这个：

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

Answer 2

使用以下选项选择其他标签或移至其他标签页。

$( "#tabs" ).tabs( "option", "selected", 2 );

但是，要取消选择当前选项卡，您必须选择另一个选项卡，这是选项卡工作的唯一方式。如果要清除当前所选选项卡的样式，请使用

$("#tabs .ui-tabs-selected").removeClass("ui-state-active").removeClass("ui-tabs-selected");});