jquery - FireFox，只有 FireFox 的行为很奇怪

Question

我在 jQuery 中编写了悬停动画，效果很好，但在 FireFox 中没有按预期工作，你能看看这个并告诉我这是怎么发生的吗

悬停在绿色区域，蓝色区域应该顺利进入，但在FF动画中不流畅有一个跳跃

http://jsfiddle.net/mrNRx/

Answer 1

您可以像这样使用 FadeIn() 回调（您的代码已简化）：

$(this).find('.apla').fadeIn("slow", function(){
     $(this).find('.more').animate({"bottom": "50px"},1000);
});

$(this).find('.apla').fadeOut("slow", function(){
     $(this).find('.more').animate({"bottom": "-40px"},1000);
});

Answer 2

这个问题是由 Mozilla 愚蠢的 -moz-box-shadow 引起的。使用以下 css 代码将其删除，它应该可以解决问题。

*{box-shadow:none!important;-moz-box-shadow:none!important;border-radius:0!important;-moz-border-radius:0!important}

Answer 3

您应该使用 jQuery hover intent 插件来使用 Over 和 Out 功能。在 Firefox 中，这些事件没有正确触发。在 chrome 中，这些功能可以正常触发，并且您的自述文件链接工作正常。