动画“停止”悬停时
我在我的网站上使用带有过滤功能的 Masonry (link masonry)。我正在尝试对列表中的对象实现“淡入淡出”功能。
问题是，当我过滤并在动画运行时快速移动鼠标时，所有 div 都会卡住。
这是我正在使用的代码：
<script type="text/javascript">
$(document).ready(function() {
//area 1
$('.wrap').children().not('.col2').hover(function() {
$(this).siblings().stop().fadeTo(500,0.5);
}, function() {
$(this).siblings().stop().fadeTo(500,1);
});
});
</script>
I'm using Masonry with filtering (link masonry) on my site. I'm trying to implement a "fade" function on the objects in the list.
The problem is that when I filter, and quickly move over the mouse when the animation is running, all the divs get stuck.
Here's the code I'm using:
<script type="text/javascript">
$(document).ready(function() {
//area 1
$('.wrap').children().not('.col2').hover(function() {
$(this).siblings().stop().fadeTo(500,0.5);
}, function() {
$(this).siblings().stop().fadeTo(500,1);
});
});
</script>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
不确定这是否确实是您的问题，但是不带参数的
.stop()不会清除动画队列或跳到其末尾，因此它只会在淡入淡出过程中停止（这是你指的吗？）。尝试改为调用
.stop(true, true)。Not sure if it's actually what your issue is, but
.stop()without parameters won't clear the animation queue or jump to the end of it, so it will just stop in the middle of a fade (is this what you're referring to?).Try calling
.stop(true, true)instead.