jquery - 如何覆盖 A 标签中的 onclick 事件？

Question

我在我的应用程序的顶部导航中有这个链接：

<a class="nav" href="navigation.html?go=main" onClick="navigation('main'); return false;">Main Menu</a>

我需要做的是使用 jQuery 覆盖“href”和“onclick”属性，以便每当用户单击此链接时，我都会显示我的自定义警报。

这是我到目前为止的代码。然而问题是警报显示了几分之一秒，然后由于某种原因重定向到主菜单页面仍然发生：

$('.nav').click(function() {
  $(this).attr("href","#");
  $(this).attr("click","alert('TEST')");
});

Answer 1

通过使用 jQuery 的event.preventDefault()方法，传入event作为参数并调用preventDefault()它：

$('.nav').click(function(event) {
    event.preventDefault();

    $(this).attr("href","#");
    $(this).attr("click","alert('TEST')");
});

Answer 2

您可以尝试使用实时功能

$(".nav").live('click',function(e){
   $(this).attr("href","#");
   $(this).attr("click","alert('TEST')");

    });

Answer 3

你可以简单地写。

$('.nav').click( function() { 
    //do something
    return false;
  } );

Answer 4

尝试return false

$('.nav').click(function(event) {
   $(this).attr("href","#");
   $(this).attr("click","alert('TEST')");
   return false;
});

Answer 5

也许你想要这个：

http://jsfiddle.net/LZ6gx/

$(function () {
    $('.nav').each(function () {
        $(this).attr("href", "#").attr("onClick", "alert('TEST');" + $(this).attr('onClick') + "");
    });
});