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

Question

继承人我的榜样; http://camoconnell.com/ddu/

我不知道如何解决这个问题，我不确定问题是否仅限于jquery或DOM结构。

任何建议表示赞赏， 感谢

Answer 1

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

Answer 2

只需将40％规则放在60％规则之前。因为你有另一种方式，悬浮元素在另一个变小之前变大。这导致较大的元素不再适合小的元素并被包裹在它下面。然后它不再在光标下，因此悬停规则不再适用。这种情况不断发生。所以这是代码：

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

或jQuery 1.7，因为它似乎没有任何代码问题。