jQuery 悬停闪烁

Question

我对 jQuery 和悬停事件有疑问。

问题是尽管没有离开 div，鼠标事件处理程序仍在触发。导致 div 闪烁。

这是一个示例:http://jsfiddle.net/Fxy9P/

如果您在 div 上缓慢移动鼠标，即使没有离开 div，它也会重复触发效果。

我做错了什么？

Answer 1

一旦元素完全不可见，mouseleave 事件就会触发。尝试一下

$(this).fadeTo('slow', 0.5);

用于比较。

编辑:

这应该满足您的要求:

$(document).ready(function() {

  $('#strip').mouseenter(function() {
    $(this).fadeTo('fast', 0.0);
  });
  $('#strip').mouseleave(function() {
    $(this).fadeTo('fast', 1);
  });

});