jQuery懸停不會中斷$ .each循環

Question

我目前正在為我的第一個網站制作動畫，網址為： http : //jsfiddle.net/thevenin/zRLFX/4/

摘要：我有五個div遞歸動畫，並帶有$ .each（）函數來開始動畫。 如果將鼠標懸停在五個div上的任何一個上，則動畫應會中斷，並且所有div都應停止移動。 取消懸停div時，動畫將使用$ .each（）函數重新啟動。

我的問題是，當div到達與內圓的對角軸時，hover（）函數有時不會觸發。 如果在此位置將鼠標跟蹤到div上，則鼠標將懸停在div上而未注冊。 Firefox和Chrome都有此問題。 我怎樣才能解決這個問題？

謝謝！

Answer 1

懸停要求您實際上將鼠標移到懸停的對象上。 因為您的對象是動畫對象，所以如果您只是將鼠標保持在對象路徑上而靜止，則不會觸發懸停。

我懷疑如果將鼠標移到一個圓上，但是在鼠標到達圓之前停止它，然后該圓在其下方動畫，而不觸發懸停，也會發生這種情況。

為了避免這種現象，您可以改為輪詢鼠標坐標以查看它們是否在任何給定時間的圓的范圍內。

Answer 2

通過增加圓圈的z-index來解決。 我想早些時候，問題可能是由於div與其他所有元素都具有相同的z-index，這意味着您將無法選擇它們。 對於實際推理不太確定，但至少可以解決！