Question

点击＆＃39;文字＆＃39;后，背景图片（＆＃39;背景＆＃39;）淡入。然而 - 背景图片淡入淡出然后淡入并停留在悬停状态。

换句话说 - 代码被触发两次。这是Jquery -

$(function() {
  $('#text').hover(function() { 
      $('#background').fadeIn(1000); 
  }, function() { 
      $('#background').fadeOut(1000); 
  });
});

Answer 1

这有用吗：

如果您快速在#text div上轻轻摇动鼠标，它将触发多个fadeIn / fadeOut事件。视口将全部显示，在您停止移动鼠标后继续。

在this jsFiddle

中摇动鼠标时查看效果

但是，如果您在fadeIn / fadeOut之前添加.finish()，则只会显示最终事件。

$('#text').hover(function () {
    $('#background').finish().fadeIn(1000);
}, function () {
    $('#background').finish().fadeOut(1000);
});

现在尝试在this jsFiddle

中摇动鼠标

Jquery FadeIn触发两次

1 个答案: