javascript - 動的コンテンツが JavaScript で機能しない

Question

動的コンテンツを追加している場所が表示されます。それらにリンクを追加しました（動的リンク）。それをクリックすると、アラートが表示されません。

私は試した

 $("a.reset_ebook").on("click", function() { alert("test") })

そしてビューは

<a ebook_id="18" class="reset_ebook" href="javascript:void(0)">Close</a>

動的に追加されたリンクでアラートを出す方法

Answer 1

これを試して：

 $(document).on("click", "a.reset_ebook", function() { alert("test") })

これにより、ドキュメント全体でクリック イベントがリッスンされますが、ターゲットがセレクター ( a.reset_book) に一致する場合にのみハンドラーがトリガーされます。そうすれば、動的に挿入された要素に対しても「機能」します。

jQuery ドキュメントで直接イベントと委任イベントの詳細を参照してください: http://api.jquery.com/on/#direct-and-delegated-events

Answer 2

あなたの構文は委任されたイベントでは機能しません

 $(document).on("click", "a.reset_ebook", function() { alert("test") })  

ここを見る