1

jQuery UI タブを空にする (すべてのタブを削除する) にはどうすればよいですか?

編集:タブ機能を削除しようとしているのではなく、すべてのタブを空にして新しいタブを追加しようとしています。

私は試しています：

for (var i = $('#content').tabs('length') - 1; i >= 0; i--) {
    $('#content').tabs('remove', i);
}

ただし、コントロールにいくつかのタブが追加されていても、tabs('length') は常に 0 を返します。

ところで、私はそれを空に初期化しています

$('#content').tabs();

後でタブを動的に追加する

$('#content').tabs( 'add' , '' , data[i].nombre);
4

4 に答える 4

6

質問のように、タブを繰り返してすべて削除するのに苦労していました。私の解決策は、タブオブジェクトの「長さ」メソッドによって返される値に等しい回数だけ0番目のタブを削除することでした:

var tab_count = $('#tabs').tabs('length');
for (i=0; i<tab_count; i++){
    $('#tabs').tabs( "remove" , 0 )
}
于 2011-10-14T20:24:32.593 に答える
4

同様の問題がありました。新しいタブをロードする前に以前のリクエストからタブを削除するために、次の手順を実行しました。

  1. タブを削除 (#tabs ul li),
  2. タブのコンテンツ (#tabs div) を削除し、
  3. タブを更新しました。

これが私が使用したコードです。私のために働きます。それがうまくいくことを願っています。

$('div#tabs ul li').remove();
$('div#tabs div').remove();
$("div#tabs").tabs("refresh");

Web に投稿された他の解決策は、私にとってはうまくいきませんでした。

于 2013-04-17T13:04:05.813 に答える
3

セレクターからタブをバインド解除するだけでよいはずです。

$('#content').unbind();

編集：

jQueryドキュメントから直接

.tabs( 'destroy' );

タブ機能を完全に削除します。これにより、要素が初期化前の状態に戻ります。

于 2009-04-06T15:26:35.690 に答える
2

空でない URL でタブを追加しようとしましたか?

$('#content').tabs( 'add' , 'non empty url' , data[i].nombre);

公式ドキュメントからコピー ( http://docs.jquery.com/UI/Tabs#method-add )

.tabs( 'add' , url , label , [index] )

新しいタブを追加します。2 番目の引数は、ページ内タブを作成するためのフラグメント識別子のみで構成される URL、または新しいタブを Ajax (リモート) タブに変換するための完全な URL (相対または絶対、クロスドメイン サポートなし) のいずれかです。3 番目は、新しいタブを挿入するゼロベースの位置です。オプション。デフォルトでは、新しいタブが末尾に追加されます。

于 2009-04-06T15:49:36.180 に答える