jQuery悬停闪烁问题

Question

我遇到了一个与jQuery和hover事件有关的问题。

问题在于，即使没有离开div，鼠标事件处理程序也会触发。这导致div闪烁。

以下是示例：http://jsfiddle.net/Fxy9P/ 如果你缓慢地将鼠标移动到div上，它会反复触发效果，即使没有离开div。

我做错了什么？

- stuartc

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

});

- Leif

---

谢谢你！现在看来很明显！我肯定不会忘记那个小提示很长一段时间。 - stuartc

刚刚帮了我很大的忙。感谢你的解决方案 :D - Shane Jones