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

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

你也可以尝试这个

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

Answer 3

当你这样做时：

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

jQuery将处理程序绑定到与selector1匹配的DOM元素上的事件。当此处理程序运行时，它将DOM层次结构从最特定的元素移动到元素匹配selector1，并检查是否有任何元素与selector2匹配。如果找到匹配项，则使用适当的执行上下文调用函数。

这就是on（）能够处理创建委托后动态添加的DOM元素上的事件。

i want to know how jquery' delegate or on(for delegate) works

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

检查图像是否被单击JQuery

3 个答案: