jquery UIのdroppableとlivequeryを使用すると問題が発生します。

Question

私はいくつかの要素が削除されるため、このコードを有する

VAR $ tab_items = $（ "UL：最初のLi"、$タブ）.droppable {公差： 'タッチ'、....

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

livequery（イベントデリゲーション）を使用して解決策を見つけましたが、ここでは関数をアタッチしたくないため、ここでは不可能です。同じコードを最初の行のコードに添付します。

新しいオブジェクトをロードするたびにドロップアラブルを作成するよりも優れたソリューションですか？

Answer 1

あなたのajax successコールバックにハンドラを追加するだけです。

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

Answer 2

これは間違っている予感かもしれないが、あなたが見たいかもしれません：あなたは、そのビットを明確にすることができます http://docs.jquery.com/UI/Sortable