jQuery Hover Flicker

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);
  });

});