jquery - JQuery - 動的に追加されたドロップ可能なテーブル行のイベントリスナーを実装する方法は?

Question

ボタンを使用して行を動的に追加できる編集可能なテーブルを取得しましたが、ドロップ可能なセレクターがあっても、ドラッグ可能なものを新しい行にドロップできません。デリゲートと新しい行で修正しようとしdroppable()ましたが、失敗しました。ヒントやアイデアはありますか？

Here is my Code:http://jsfiddle.net/gM3bF/7/

Answer 1

使用する：

$(document).on(eventName, selector, function);

利用方法：

$(document).on('click', 'input.addButton', function(){ alert('clicked'); });

$(document).on('dblclick', '#editableTable td', function(){ alert('td clicked'); });

$(document).on('click', '#editableTable input.deleteButton', function(){ alert('delete clicked'); });

これらは、ドキュメント準備完了イベント ハンドラー内で1 回宣言できます。

でも、

ドラッグ可能な要素を動的に追加している場合は、それらが DOM に追加された.draggable({}) 後に呼び出してください。

それが役立つことを願っています。