JQueryで後からJavaScriptで動的に追加した要素にclickとかのCallbackとかが適用されない

なぜかちゃんと調べていないけど、JavaScriptから新たに追加した要素が、

document.readyのときに設定されるcallbackが適用されなくて困ることがある.

おそらくだめな書き方が以下

$(“#target-div”).on(“click”, function(){});

そして

解決策は、以下.

$(document).on(“click”, “#target-div”, function(){});

documentに対して要素のどれにcallbackを指定するかっていう決め方にすることがポイントなのだろうか…

これうっかりが多発する。

About the author

コメントを残す