1

デモ: http://jsfiddle.net/axrwkr/ujUu2/

var num_tabs = $("div#tabs ul li").length + 1;

        $("div#tabs ul").append(
            "<li><a href='#tab" + num_tabs + "'>#" + num_tabs + "</a></li>"
        );
$("div#tabs").append(
            "<div id='tab" + num_tabs + "'>#" + num_tabs + "</div>"
        );
        $("div#tabs").tabs("refresh");

新しいタブの構文は非常に複雑です (1.9 アップグレード後)。

もう 1 つ質問があります。1.9 以降、remove メソッドは非推奨になっているため、特定のタブを削除する場合は、remove() を使用してタブ要素を削除してから、追加された div (コンテンツ) を削除する必要がありますか? それは実用的ではないように聞こえます..

4

2 に答える 2

1

これを最後に追加$("button#add-tab").click(function()

デモ

$('a[href=#tab'+num_tabs+']').click(); //click new tab link to make it active

またはactiveオプションを使用できます

デモ

$("div#tabs").tabs("refresh").tabs({ active:num_tabs - 1});
于 2013-08-13T10:10:52.410 に答える
1

有効なオプションを使用する

$("div#tabs").tabs("refresh").tabs('option', 'active', num_tabs - 1);

デモ:フィドル

于 2013-08-13T10:24:21.747 に答える