jquery - JQueryXMLセレクターの問題

Question

XMLファイルをロードしてからコンテンツを変更することにより、新しい「ページ」をロードするWebページを構築しています。私が抱えている問題は、データがロードされるときにセレクターが機能しないことです。ギャラリーをロードするとエラーが発生します。各画像には「親指」というクラスがあります。画像は正常に読み込まれますが、私のjsの$（ "thumbs"）。click（）コードは機能しません。セレクターを探すときにjqueryがオブジェクトを見つけられない原因となる、ロードされているオブジェクトに問題がありますか？

Answer 1

クラスセレクターコード、具体的にはドットが欠落しています：.。クリックイベントを次のように変更します。

$(".thumbs").click();

そして、それは機能するはずですが、このコンテンツが動的にロードされる場合は、他の人が述べているように.on（）メソッドを使用する必要があります。

$(".container_class").on('click',".thumbs",function(){
    //do stuff
});

Answer 2

セレクターを探すときにjqueryがオブジェクトを見つけられない原因となる、ロードされているオブジェクトに問題がありますか？

はい。新しい「ページ」を動的に読み込んでいるようですね。その場合、実行時にターゲット要素が存在しなかったため、そこにあるセレクターは機能しません。on()代わりに、より動的に適した方法を使用してみてください。

$(".thumbs").on('click',function(e){})