javascript – Jquery – fadeIn / fadeOut翻转时闪烁

我正在使用以下代码在其父div的翻转/转出时实现fadeIn / fadeOut效果.

$('.rollover-section').hover(function(){  
   $('.target', this).stop().fadeIn(250)
 }, function() {
   $('.target', this).stop().fadeOut(250)
})

当我翻转div并慢慢退出时,它可以正常工作.但是,如果我将鼠标快速移动然后快速离开div,则会破坏效果.目标div似乎陷入0和1之间的不透明度.

令我困惑的是,当我使用以下代码时,它完美地运行.

$('.rollover-section').hover(function(){  
  $('.target', this).stop().animate({
      opacity: 1
    }, 250);
}, function() {
  $('.target', this).stop().animate({
      opacity:0 
    }, 250);
})

所以,我有两个问题.

1 – 为什么我的第一个代码块表现如此？

2 – fadeIn()/ fadeOut()和不透明度动画有什么区别？

解决方法:

我从这里的评论中得到了答案：

只需使用您在那里的动画示例.在此处查看淡入淡出动画的行为方式的答案：
jQuery fade flickers