javascript - 画像がクリックされたかどうかを確認する

Question

jqueryを使用して画像がクリックされたかどうかを確認する方法を知りたい...

これが私のhtmlコードです

<img class="img-fade" src="img/message.png" id="messages" />

そして、私のjqueryコードは次を使用しています：

$('#messages').on("click", "img", function (e) { alert('hi'); }

しかし、それはまだ機能していません、

誰でも助けてもらえますか？ありがとう

Answer 1

$(function() {
    $('#messages').on("click", function (e) {
        $('.content2').fadeOut(3000);
        window.setTimeout(function() {
            window.location.href = 'messagecenter.html';
        }, 3050);
    });
});

私はそれを修正しました:)必要ないと思う部分を 削除する
代わりに。$('#var').on("click", "img", function(e)) {});
"img"

ありがとう ：）

Answer 2

あなたがするとき：

$(selector1).on(event, selector2, function);

jQuery は、セレクター 1 に一致する DOM 要素のイベントにハンドラーをバインドします。このハンドラーが実行されると、最も具体的な要素からセレクター 1 に一致する要素まで DOM 階層をたどり、セレクター 2 に一致する要素があるかどうかを確認します。一致が見つかった場合は、適切な実行コンテキストで関数を呼び出します。

これは、委任が作成された後に動的に追加される DOM 要素のイベントを on() が処理できる方法です。

jquery のデリゲートまたは on(デリゲートの場合) の仕組みを知りたい

あなたの場合、selector1とselector2を同じ要素にして問題を引き起こしました。

Answer 3

これも試すことができます

$('#messages').click(function(){
    alert('hi');
}