2011-04-19 309 views
0

我在我的网站上使用了砌体过滤(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>  
+0

请点击旁边的复选标记标记我的答案为正确的 – 2011-04-19 20:17:13

+0

并停止签署帖子! – 2012-01-07 10:53:20

回答

1

不知道它实际上是你的问题是什么,但.stop()不带参数不会清除动画队列或跳转到它的结束,所以会在淡入淡出的时候停下来(这是你指的是什么?)。

尝试拨打.stop(true, true)代替。

+0

谢谢!这解决了它!尽管将鼠标快速移动到多个对象上会导致转换不稳定,但并不像在停止时没有“true,true”那样流畅。 – jeppe 2011-04-19 19:54:57

+0

这是事实,但很少见。请点击旁边的复选标记,将我的答案标记为正确答案。 – 2011-04-19 20:16:37