私は小さなプロジェクトに取り組んでいて、問題に遭遇しました。jQueryを使用して新しい要素を作成しています。したがって、ページが読み込まれたときにドキュメントに含まれていなかったため、操作することはできません。問題を解決するためにjQueryに新しい要素を読み取らせる方法はありますか?
$("img.fbimg").click(function(){
$(this).hide();
});
私は小さなプロジェクトに取り組んでいて、問題に遭遇しました。jQueryを使用して新しい要素を作成しています。したがって、ページが読み込まれたときにドキュメントに含まれていなかったため、操作することはできません。問題を解決するためにjQueryに新しい要素を読み取らせる方法はありますか?
$("img.fbimg").click(function(){
$(this).hide();
});
イベント委任を使用する必要があります。
$("body").on("click", "img.fbimg", function() {
$(this).hide();
});
"body"
ここで、の静的な親要素に置き換えることができますimg.fbimg
。
あなたが必要なようです
$(document.body).on('click', "img.fbimg", function(){
$(this).hide();
});
これによりclick
、セレクターが。である動的に追加された要素でもイベントをキャッチできます"img.fbimg"
。
画像を含み、ロード時に存在するより正確な要素がある場合は、使用する方が効率的であることに注意してください
$('#idOfElementContainingAllTheImages').on('click', "img.fbimg", function(){