jquery - JQuery UI を使用した動的タブ

Question

Web アプリケーションを作成しており、タブ ウィジェットを使用して、ほとんどの Web ブラウザーにあるタブ機能を複製したいと考えています。ユーザーができるようにしたい: タブを移動 (ソート) し、タブを動的に作成し、タブを動的に閉じる。

私が見つけた問題は、タブを閉じるにはそのインデックスが必要であり、他のタブを動的に開いたり、閉じたり、並べ替えたりできるという事実を考慮すると、閉じたいときにタブのインデックスを取得/取得する必要があることです。

Answer 1

少なくともタブを閉じるには、タブを含むリスト項目内にリンクを追加する必要があります。これは「x アウト」ボタンになります。ユーザーがそのリンクをクリックし、そのクラスのすべてのリンクをクリックするための jquery イベント ハンドラーがある場合、それはインデックスを認識します。移動/ドラッグについても同じです。トリッキーな部分は、新しいタブを追加した場合、そのタブは何を表示するかということです。「無題」？

Answer 2

では、なぜインデックスを取得できないのでしょうか。

$('ul li a').click(function(){ 
    var index = $(this).parent().index($(this).parent());
    alert(index); 
});