单击链接后未触发jQuery .click（）

Question

我的jQuery有以下示例代码：

$(document).ready(function() {
     $('.content').click( function(){
        console.log("Test!")
     });
});

我有一个带有X div的HTML页面，前面是这样的链接。

<a name="itemX"></a>
<div class="content">itemX</div>

每个div顶部是一个无序列表，其中包含指向该文件中所有div的链接。 单击这些链接之一时，URL更改为"/index.html#itemX" 。

现在的问题是，当我单击第一个链接时，它向我显示“测试！”。 输出，但是当我在网址中带有"#itemX"的页面上时， click()事件不会触发。 这是意味着我还是想念什么？ 我已经尝试过.on()方法了...

Answer 1

我以前在几个浏览器上都遇到过这个问题。 通过使用以下方法修复它：

$(document).ready(function() {
     $('.content').bind("click", function(){
        console.log("Test!");
     });
});

另外，也许绑定mousedown或mouseup可以解决问题。

Answer 2

Firebug显然导致了此问题...我已卸载，重新安装它，现在它可以正常工作...我不知道它是如何工作的。

Answer 3

您错过了console.log上的分号。 还要在console.log()之后添加return false ，这样您就不会得到#itemx