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!");
});