2011-04-19 283 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