javascript - JQuery .click() 事件问题

Question

这是我的代码片段:

    $(".item").click(function () {
        alert("clicked!");
    });

我的页面上有(假设；实际上要复杂得多)以下内容:

<a href="#" class="item"><img src="1.jpg" /></a>

但是，当我单击图像时，我没有收到警报。

我的错误是什么？

Answer 1

您的选择器实际上匹配任何内容吗？尝试使用 jQuery 调试插件 ( http://jquery.glyphix.com/ ) 并执行以下操作:

$(".item").debug().click(function() {
    alert("clicked!");
});

.debug() 将记录与 Firebug 控制台匹配的任何内容(您正在使用 Firebug，对吗？:-) )，而不会“破坏链条”，因此您可以像这样内联使用它。

如果结果正确，则浏览器在显示警报之前导航到“#”时可能存在一些问题。尝试在事件对象上使用 .preventDefault() 方法来防止此行为:

$(".item").click(function(evt) {
    evt.preventDefault();
    alert("clicked!");
});