html - jQueryを使用してDOMに動的に追加された要素にイベントをバインドする

Question

DOM にいくつかの要素を動的に追加しています。.on()そして、これらの要素の振る舞いをjQueryの関数を使って操作したいです。しかしどういうわけかDOMは.on()動的に追加された要素に対してイベントを発生させていません。

例を示すJS Fiddleは次のとおりです- http://jsfiddle.net/jYQ2D/1/

[HTML に動的に追加] ボタンをクリックすると、警告メッセージが表示されるはずですが、表示されません。

理由はありますか？

Answer 1

委任.onはそのようには機能しません。要素を呼び出してから.on、2 番目の引数を委任セレクターとして使用する必要があります。

$(document).on("click", "#dyna", function() { 

http://jsfiddle.net/jYQ2D/2/

ドキュメンテーション。#dynaまた、要素は 1 つしか存在できないことに注意してください。