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() method，传递event作为参数并在其上调用preventDefault()：

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

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

Answer 2

你可以简单地写。

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

Answer 3

尝试使用return false

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

Answer 4

您可以尝试使用实时功能

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

    });

Answer 5

也许你想要这个：

http://jsfiddle.net/LZ6gx/

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

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

5 个答案: