javascript - 防止 jQuery 函数重复效果两次？

Question

我正在制作这样的东西:当用户 mouseenter DIV1 时，DIV2 将fadeIn，当用户 mouseout DIV1 时，DIV2 将fadeOut

但是有些奇怪的事情发生了，当你快速悬停进出 DIV1 时，DIV2 的 FADEIN 和 OUT 效果将重复你悬停的总数。

例如:我快速在 DIV1 上悬停 10 次，DIV2 将继续淡入淡出 10 次，尽管我的鼠标没有悬停它。

我希望人们明白我在说什么。

代码:

$('div1').bind('mouseenter', function() {
   $('div2').fadeIn(600);
});
$('div1').bind('mouseout', function() {
   $('div2').fadeOut(600);
});

谢谢，祝你有愉快的一天。

Answer 1

使用.stop(true,true)在将停止所有现有动画的 mouseout 事件上

这是工作 fiddle http://jsfiddle.net/XkmFy/