淡入淡出和似乎導致重疊

Question

請參見本文的jsfiddle：http://jsfiddle.net/kZA8D/

基本上，只要我通過移動/過去的鏈接快速，無論是college_box和landing_login_form的div出現。這可能需要幾次重現，但它結束了看起來像這樣：

這是怎麼回事？我有一個簡單的懸停功能，我不明白爲什麼這個毛刺正在發生......

Answer 1

更新的鏈接：http://jsfiddle.net/J67Dr/1/

它的排隊問題，在這種情況下.stop()是不會削減它，因爲它的兩個不同的元素。所以你最終會在一個元素被隱藏但仍然有動畫排隊而另一個元素動畫的場景中結束。我建議你同時使用.stop()作爲最佳做法，.dequeue作爲小提琴演奏。

選項2

http://jsfiddle.net/4jv6B/

使用只是.stop但褪去包裝元素，而不是項目本身。由於一些古怪（見評論），我推薦選項2.試圖保留你的DOM，但是哦。

Answer 2

這是因爲仍然有事件隊列中的動畫，一旦你添加一些其他動畫。你可能想看看jQuery的.stop()函數。

Answer 3

基本上，一個動畫是在另一個動畫完成之前開始的。

我更新你的小提琴來解決這個問題。一秒。

Answer 4

正如在另一個答案中提到的那樣，在Que中有動畫，並且由於您不會將它們移除，所以它們像您經歷的一樣堆疊。解決此問題的方法是.stop(true)，它會停止您將方法附加到元素上的動畫並清除que（因此「真」）

這個小提琴：http://jsfiddle.net/kZA8D/4/ 修復它的一種，（小改寫你的小提琴），但它的錯誤，因爲回調函數。