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