jquery - jQuery Fading 效果多次出现

Question

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

这是情况

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

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/