javascript - Jquery要素

Question

私は小さなプロジェクトに取り組んでいて、問題に遭遇しました。jQueryを使用して新しい要素を作成しています。したがって、ページが読み込まれたときにドキュメントに含まれていなかったため、操作することはできません。問題を解決するためにjQueryに新しい要素を読み取らせる方法はありますか？

$("img.fbimg").click(function(){
    $(this).hide();
});

Answer 1

イベント委任を使用する必要があります。

$("body").on("click", "img.fbimg", function() {
    $(this).hide();
});

"body"ここで、の静的な親要素に置き換えることができますimg.fbimg。

Answer 2

あなたが必要なようです

$(document.body).on('click', "img.fbimg", function(){
    $(this).hide();
});

これによりclick、セレクターが。である動的に追加された要素でもイベントをキャッチできます"img.fbimg"。

画像を含み、ロード時に存在するより正確な要素がある場合は、使用する方が効率的であることに注意してください

$('#idOfElementContainingAllTheImages').on('click', "img.fbimg", function(){

参照