jQuery .click()没有正确绑定

我想在点击链接时执行一些操作,我使用以下代码来实现这一点,但它很少有效.如果我点击链接它通常刷新页面,并且1/10次它实际上会弹出“嗨”.怎么了？

$(document).ready(function()
{
    $('#slconfiglink').click(function()
    {
        alert("hi");
        return false;
    });

});

HTML：

<ul>
    <li><a href="#" id="slconfiglink">Config 1</a></li>
</ul>

请注意,ID不会在HTML中的其他位置复制

解决方法

请务必提供您的< a>一个有效的href,像这样：

<a href="#" id="slconfiglink">Config 1</a>

你的锚需要有一个href或一个名称才有效,否则你会得到一些有趣的行为,这些行为会因使用的浏览器而异.

此外,除非您需要悬停CSS等锚点…您可以选择将点击处理程序放在< li>上,如下所示：

<ul>
  <li id="slconfiglink">Config 1</li>
</ul>

还有一些要检查的事情,确保ID是唯一的,如果它不使用类,例如class =“slconfiglink”,你的选择器将是“.slconfiglink”而不是“#slconfiglink”.

如果您的元素即时添加,请更改

$('#slconfiglink').click(function() {

要像这样使用.live()(或使用类选择器,如果适用多个注释)：

$('#slconfiglink').live('click',function() {