リンクがjQueryでアクションを失う

Question

div内でjQuery（ショッピングカート、アイテムの追加/削除）を使用してHTMLを作成および削除しています。このdiv内のリンクの.click()イベントにアクセスする必要がありますが、ページが最初に読み込まれたときにのみ動作します。リンクが削除された後、再追加されてもjQueryイベントに応答しません。

$j(document).ready(function() {}の内部と外部の両方の機能を試しました。再作成後にこのリンク上でイベントを再作成するにはどうすればよいですか？

Answer 1

利用.delegate()代わりの.click()：

$(<root-element>).delegate('a', function() {...}); 

アタッチ特定のルート 要素に基づいて、現在または将来、 セレクタと一致するすべての要素の1つ以上のイベントへのハンドラ。

出典：http://api.jquery.com/delegate/

<root-element>はdocument要素とすることができるか、それがその要素を使用するのが最善ですdocument要素の子孫であることは常に存在している要素を知っていれば。

Answer 2

使用するjQueryのバージョンに応じて、live/delegate/onを使用してコンテナdivまたはハンドラのコンテンツを上書きするたびに、イベントを再接続する必要があります。

第2の方法は一般的にはよりエレガントですが、欠点があります。特に、コンテナに接続されたカスケードされたデフォルトアクションをキャンセルすることはできません。

Answer 3

イベントは、この機能で存在する要素に対してのみ機能します。あなたは、動的に作成されている要素にリスナーを添付するか.live()や.delegate()を使用を検討する必要があります後（.bind('click')ための短い手である）$(document).ready()

Answer 4

.remove()の代わりに.detach()を使用してください。これによりイベントが維持されます。代わりにevent delegationを使用してください。