jquery - 読み込まれた html でクリック イベントが機能しない

Question

live が非推奨になっていることがわかったので、.on() を使用しましたが、読み込まれた html 内にあるリンクをクリックしても何も起こりません。

$('.playclose').on("click", function() {
        alert('hello');
        });

何か案は？

Answer 1

これを試して

    $(document).on("click",'.playclose', function() {
            alert('hello');
   });

Answer 2

このようにしてみてください：

$('body').on('click', '.playclose', function() {
 alert('hello');
});

デリゲート イベント (別名ライブ) の構文は次のようになります。

$('static-container-selector').on( event, target, handler);

ノート

代わりに、bodyまたはdocument他の静的コンテナーを使用することをお勧めします。非動的要素であり、またはでplaycloseあることも確認します。idclass

Answer 3

直接および委任されたイベント

委任された要素の場合、次のように使用する必要があります

$(document).on("click",'.playclose', function() {
            alert('hello');
   });

Answer 4

ボタンが ID ではなくクラスを使用していることは確かですか?

セレクターが間違っている可能性があります。

$('.playclose') の代わりに $('#playclose')