2011-12-02 51 views
-1

繼承我的示例; http://camoconnell.com/ddu/懸停狀態在FF中閃爍,但不在鉻中

作爲如何解決這個問題,我不知道如果問題限制在jquery或DOM結構。

讚賞任何建議, 感謝

+0

奇怪的是,它的右邊是唯一的問題。這使得我認爲它是一個CSS/HTML問題.. – Cam

+4

我喜歡它,當人們說它是一個瀏覽器特定的問題,然後我打開它在另一個瀏覽器中,同樣的問題發生=我看到同樣的事情發生在Chrome 15 – Joonas

+0

我想想你可能想要做的第一件事是設置懸停/鏈接區域(可以將它們更改爲「左側包裹」和「右側包裹」)寬度爲50%,高度爲100%因爲任何一側都跳轉如果光標不在特定位置。 (它不是像懸停在一個區域完全關閉其他區域..所以,它會更好。) – Joonas

回答

0

只要把40%的規定在60%規則的前面。因爲你反其道而行之後,在另一個變得更小之前,懸掛的元素變得更大。這導致更大的元素不再貼合在小的元素上,而是纏在下面。它不再處於光標下方,因此懸停規則不再適用。這一直在不斷髮生。因此,這裏是代碼:

$(sidesAr[target]).stop(true,true).animate({width:"40%"},600); 
$(this).parent().parent().stop(true,true).animate({width:"60%"},600); 

或者jQuery的1.7,因爲它似乎並不與你的代碼中的任何問題。

+0

感謝您的幫助戈。我重新安排了代碼,似乎是嗚嗚。也投入了一個有條件的,這有所幫助。 – Cam

+0

它再次爆發,但發現問題和你的權利,這是包裝。 chrome設法使參數一致動畫,而FF有滯後。我結束了應用覆蓋,分離內容和無效包裝。愁苦4小時 – Cam

0

$(this).parent().parent().stop(true,true).animate({width:"60%"},600); $(sidesAr[target]).stop(true,true).animate({width:"40%"},600);

它不應該是這樣:

$(sidesAr[target]).stop(true,true).animate({width:"60%"},600); $(sidesAr[other_target]).stop(true,true).animate({width:"40%"},600);