javascript - 检查图像是否被点击 JQuery

Question

我想知道如何使用 jquery 检查我的图像是否被点击...

这是我的html代码

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

我的 jquery 代码正在使用：

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

但是还是不行

有人可以帮忙吗？感谢：D

Answer 1

你也可以试试这个

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

Answer 2

$(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 3

当你这样做时：

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

jQuery 将处理程序绑定到匹配 selector1 的 DOM 元素上的事件。当这个处理程序运行时，它会遍历 DOM 层次结构，从最具体的元素一直到匹配 selector1 的元素，并检查是否有任何元素匹配 selector2。如果找到匹配项，它将调用具有适当执行上下文的函数。

这就是 on() 如何处理在委托创建后动态添加的 DOM 元素上的事件。

我想知道 jquery 的委托或 on(for delegate) 是如何工作的

在您的情况下，您使 selector1 和 selector2 成为导致麻烦的相同元素。