使用jQuery修改onclick事件

Question

我有一个javascript片段,在我的页面上显示一个小部件.有一些链接可以通过脚本输出,如下所示:

<a href="#" onclick="somefunction()">Link</a>

这些链接导致一些JS触发.那很棒.问题是属性结尾处href="#"缺少a . "return false;"onclick

当我单击其中一个链接时,浏览器会跳转到文档的顶部.将小部件放置在靠近文档底部的位置,这并不好.

不幸的是,我无法控制脚本的输出.

使用jQuery我可以使用引用这些链接$("#wxheader ul li a").我尝试了以下代码,但它不起作用:

$(document).ready(function(){
    $("#wxheader ul li a").each(function(){
        var onclick = $(this).attr("onclick") + "; return false;";
        $(this).attr("onclick", onclick );
    });
});

我想编写一个jQuery函数,它将更改每个onclick属性以追加"return false;",并且必须在脚本将内容输出到页面后运行.

有任何想法吗？

Answer 1

尝试这个。诀窍是调用preventDefault处理程序，这会阻止默认元素操作的传播。我希望这有帮助。

$("#wxheader ul li a").click(function(e){
  e.preventDefault();
  return false;
});