HTML 链接和 Jquery Live 只能在第一次尝试时单击一次才有效

Question

我遇到了链接上 jquery 实时事件绑定的问题。当链接添加到页面时，它工作正常，但是当另一个链接添加到无序列表时，需要单击两次才能在任一链接上触发单击事件。有什么想法吗？

$("div#website-messages ul li a").live("click", function() {
    var link = $(this);
    changeTab(link.attr("href"));
    $(link.attr("title")).focus();
    return false;
});

编辑：好的，我已经缩小了问题的范围。如果我取出 return false，则该事件每次都会触发。问题是页面跳转到顶部。有什么想法可以阻止这种情况吗？

创建链接的代码：

Validation.validate = function() {
    var html = "";
    for (var i = 0; i < errors.length; i++) {
        html += "<li><a href='" + errors[i].tabid + "' title='" + errors[i].elementID + "'>" + errors[i].message + "</a></li>";
    }
    $("div#website-messages ul").html(html);
}

ChangeTab Function

function changeTab(changeTo) {
    changeTo = changeTo.substr(changeTo.indexOf("#"), changeTo.length);
    $("#tabs div").hide();
    $(changeTo).show();

    $("ul.navigation li a").removeClass("selected");
    $("ul.navigation li a[href='" + changeTo + "']").addClass("selected");
}

SOLVED 我在文本输入上发生了一个模糊事件，该事件专注于验证它们。如果我单击其中一个错误并聚焦到第一个文本框，然后单击第二个错误，它将聚焦到第二个文本框，但会触发模糊事件而不是聚焦。非常感谢大家的帮助和建议，这让我一整天都发疯。

Answer 1

编辑：好的，我已经缩小了范围
问题。如果我取出 return false，
该事件每次都会触发。这
问题是页面跳转到
顶部。有什么想法可以阻止这种情况吗？

尝试

event.preventDefault();

Answer 2

既然跳到了顶部...实际的href内容是什么？如果它是类似“#”的东西，那么它很可能会跳到顶部。如果单击的结果是更改页面上的内容，而不是实际导航离开页面，您可以考虑使用：

<a href="javascript:void(0)">linky</a>

Answer 3

这可以防止链接跳转到顶部：

<div id="website-messages">
<ul>
<li><a href="javascript:;" >my link</a></li>
</ul>
</div>

这使得 js 每次都会触发！

$("div#website-messages ul li a").live("click", function(e) {
    //this make it fire every time!
    e.preventDefault();
    var link = $(this);
    changeTab(link.attr("href"));
    $(link.attr("title")).focus();
});

更新：

您的链接应该是这样的：

<li><a id='" + errors[i].elementID + "' href='javascript:;' title='" + errors[i].tabid + "'>" + errors[i].message + "</a></li>

Answer 4

我在文本输入上发生了一个模糊事件，该事件专注于验证它们。如果我单击其中一个错误并聚焦到第一个文本框，然后单击第二个错误，它将聚焦到第二个文本框，但会触发模糊事件而不是聚焦。