链接不允许动画结束JQUERY

Question

我创建了一个div，当点击它时会执行一个jquery脚本，但我遇到的问题是在动画中有一个链接，当你点击链接时链接是执行的以及动画但它确实不要让动画结束。有没有办法让Jquery知道当它执行的链接等待动画结束然后转到链接时？

Answer 1

您需要处理链接的click事件并记录点击，然后return false以阻止导航。

然后，当动画结束时，检查您是否录制了点击，如果是，请设置location.href。

但是，我不建议这样做。如果用户点击了一个链接，他显然想要去那个页面，他对你的动画不感兴趣。

Answer 2

您可以将回调参数用于动画功能：

$('a').click(function(){
    $(this).animate({}, 500, function() { location.href = $(this).attr('href') });
    return false;
});

这将在点击链接时执行动画，并在动画完成后转到网址。