html - 如何在不删除 "href"属性的情况下避免点击链接

Question

我需要在点击某些链接后稍微延迟重定向到新页面。

现在我正在使用以下 jQuery:

$('.menu-element a').click(function(){
    var src = $(this).attr('href');
    $(this).removeAttr('href');             
    anim(src);
})

而且效果很好。它运行非常短的动画，然后重定向到单击的页面。

但我想保留链接的 href 属性(即以防有人快速点击两次)。

当我在上面列出的代码末尾添加 $(this).attr('href', src); 时，它不会等待动画完成，只会重定向到新页面单击链接后。

如何保留 href 属性并避免页面被它重定向到新地址？

Answer 1

将 return false 添加到您的函数中。这会阻止浏览器跟随链接的 href，然后由您在 javascript 中进行重定向。例如通过在更新位置的 anim() 函数末尾添加一些内容。

这也意味着您不需要从链接中删除 href。

$('.menu-element a').click(function(){
    var src = $(this).attr('href');
    anim(src);
    return false;
})