悬停状态在FF中闪烁，但不在铬中

-1

作为如何解决这个问题，我不知道如果问题限制在jquery或DOM结构。

赞赏任何建议，感谢

2011-12-02 Cam

奇怪的是，它的右边是唯一的问题。这使得我认为它是一个CSS/HTML问题.. – Cam

我喜欢它，当人们说它是一个浏览器特定的问题，然后我打开它在另一个浏览器中，同样的问题发生=我看到同样的事情发生在Chrome 15 – Joonas

我想想你可能想要做的第一件事是设置悬停/链接区域（可以将它们更改为“左侧包裹”和“右侧包裹”）宽度为50％，高度为100％因为任何一侧都跳转如果光标不在特定位置。（它不是像悬停在一个区域完全关闭其他区域..所以，它会更好。） – Joonas

只要把40％的规定在60％规则的前面。因为你反其道而行之后，在另一个变得更小之前，悬挂的元素变得更大。这导致更大的元素不再贴合在小的元素上，而是缠在下面。它不再处于光标下方，因此悬停规则不再适用。这一直在不断发生。因此，这里是代码：

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

或者jQuery的1.7，因为它似乎并不与你的代码中的任何问题。

2011-12-02 12:37:22 Gerben

感谢您的帮助戈。我重新安排了代码，似乎是呜呜。也投入了一个有条件的，这有所帮助。 – Cam

它再次爆发，但发现问题和你的权利，这是包装。 chrome设法使参数一致动画，而FF有滞后。我结束了应用覆盖，分离内容和无效包装。愁苦4小时 – Cam

$(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);

2011-12-02 12:22:54

回答