4

次のように、タブが選択されていない状態で開始するように、いくつかの jQuery タブを設定しました。

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

次に、押されたときにすべてのタブの選択を解除する必要がある別のリンクもあります。

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

また

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

deselectButton のクリックはタブ コンテンツの選択を解除しますが、タブ タイトルはクラス 'ui-tabs-selected ui-state-active' でアクティブなままです。

すべてのタブの選択を解除する正しい方法は?

4

3 に答える 3

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 に答える