Javascript jQuery转换没有完成
因此,我在图像滚动中添加了一些过渡:Javascript jQuery转换没有完成,javascript,jquery,Javascript,Jquery,因此,我在图像滚动中添加了一些过渡: $(document).ready(function(){ $('.project').hover(function(){ $(this).children('.description').stop().slideDown('fast'); }, function(){ $(this).children('.description').stop().slideUp('fast'); }); }); 然
$(document).ready(function(){
$('.project').hover(function(){
$(this).children('.description').stop().slideDown('fast');
}, function(){
$(this).children('.description').stop().slideUp('fast');
});
});
然而,有时描述框只能向下滑动一半,甚至只有它应该滑动长度的十分之一。。。描述框是300x300px,应该滑入300x300px的框中
如果我将鼠标悬停在.project上,可能会发生这种情况,stop是否会将自身添加到队列中,从而在不应该的情况下停止工作?尝试stop true,如果希望动画立即完成,则尝试stop true,如果不想完成动画,则尝试stop true,false,只要将其反转即可。第一个true将清除队列,以便动画可以重新开始。我不完全确定为什么会出错,我很抱歉不能给出一个更完整的答案,但现在我无法查找它。不过,您可以在这里了解更多信息:,我发现jQueryAPI通常非常有用。我在JSFIDLE上创建了一个示例 我可以通过快速地在项目容器中进出鼠标来让描述框显示一半 之所以会发生这种情况,是因为“停止”将停止上一个动画,然后您将开始一个新的动画。通过stoptrue,如另一个答案中提到的true,会使事情看起来好一点 动画完全挂起是否有问题?如果是这样,请修改我创建的JSFIDLE以更好地说明这个问题,我们可以提供进一步的帮助