jquery - jquery UI droppable と livequery の使用に関する問題!

Question

いくつかの要素を削除するためのこのコードがあります

var $tab_items = $("ul:first li",$tabs).droppable{ 許容値: 'タッチ' ,....

それは問題なく動作しますが、新しい要素がこのイベントにバインドされていないため、ajax または JavaScript によって別のボタンをロードするときに問題が発生します。

他の同様の状況では、livequery (イベント委任) を使用して解決策を見つけましたが、関数をアタッチしたくないため、ここでは不可能です。最初の行のコードに同じものをアタッチしたいのです。

新しいオブジェクトが読み込まれるたびに dropabble を作成するよりも優れたソリューションはありますか?

Answer 1

ajax 成功コールバックにハンドラーを追加するだけです。

$.ajax({
   url: ...
   ...
   success: function(data) {
        $('<li>....</li>').droppable( { tolerance: 'touch', ... } )
                          .appendTo( '#tabs ul:first' );
        ...
   }
   ...
});

Answer 2

これは間違った予感かもしれませんが、http: //docs.jquery.com/UI/Sortableを参照してください。