jQuery褪色效果多次出现

Question

我正在尝试编写一个简单的jQuery脚本，以在页脚上应用淡化效果。在鼠标悬停事件中，它以opacity = 1淡入，而在鼠标输出事件中淡出为不透明度0.01。我已将此效果应用于父div。问题是，每次我将鼠标移到子元素上时，它都会触发事件并使div多次闪烁。我怎么能阻止它？我希望当鼠标悬停在父div上时触发mouseover和mouseout事件，而不是当我在父div中移动鼠标时触发。

以下是situation

感谢您提前提供任何帮助...... :)

Answer 1

您应该可以使用stop()功能来阻止这种情况：http://api.jquery.com/stop/

$(this).stop().fadeTo("fast",1.00);
$(this).stop().fadeTo("fast",0.01);

http://jsfiddle.net/w7Vbu/7/