当光标已经在页面加载的元素上时，JQuery 悬停

Question

我有一个在页面加载时可见的元素。

理想世界中发生的事情如下：

如果并且当光标悬停在该元素上然后离开该元素时，该元素会淡出。

这在这种情况下可以正常工作，但是如果在页面加载时光标已经在元素上方并且光标很快从元素上移开，则悬停功能并不总是运行 - 尽管如果您将鼠标悬停它可以正常运行元素的速度更慢。

$(".myElement").hover(
  function () {
    $(this).fadeIn(250);
  },
  function () {
    $(this).fadeOut(250); // This does not happen if cursor already over element on page load and mouse out very quickly
  }
);

问题似乎是当光标快速移动元素时，页面并没有记录它曾经在元素上。

Answer 1

使用stop()；

试试这个

$(".myElement").hover(
  function () {
    $(this).stop(true, true).fadeIn(250);
  },
  function () {
     $(this).stop(true, true).fadeOut(250); // This does not happen if cursor already over element on page load and mouse out very quickly

} );