如何在不删除"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;
})