我有一个锚标记控制一些动画,href 设置为 javascript:void(); 暂时,一切正常。我将 href 更改为 # 并将 event.preventDefault(); 在附加到锚标记的函数内。它阻止浏览器转到#,但现在我的动画没有发生,只是一秒钟后它显示了动画的终点。我尝试将动画的持续时间延长一秒,然后我看到动画的结尾,所以就像 preventDefault 导致第一部分打嗝一样。
知道这里发生了什么吗?这是我的代码:
$('#galleryBelt .scrollRight a').click(function(event){
slidepageCurr++;
setScrollButtons();
/* slide belt to the left */
$('#galleryBelt ul').animate({
left: '-='+slidepageWidth
}, shiftDuration);
event.preventDefault();
});