jquery悬停仅适用于单击事件

jquery hover only works on click event?

本文关键字：单击 事件 适用于 悬停 jquery      更新时间：2023-09-26

我在jquery 1.10.1上运行了这个小jquery代码，我想做的基本上是控制台登录悬停在li类dash_item上的悬停事件，但它只在我单击该项目时工作，而不是在悬停上

代码：

$(document).ready(function(){
    $('.dash_item').on({
       mouseenter: function(){
        console.log("im here");
      },
      mouseleave: function(){
        console.log("im out");
      }
    });
});

小提琴在这里http://jsfiddle.net/JQAw3/

这似乎是一个谷歌Chrome漏洞，当你的网站（包括开发工具）长时间打开时可能会发生。

我也遇到了同样的问题，尽我所能。

最终，一个简单的浏览器重启就起到了帮助作用。

如果你只是在另一个选项卡中打开网站，也许这也足够了。

编辑2015-06-15:每次在Chrome中处理mouseenter和mouseleave时，我都会遇到这个问题。对我来说，只需关闭标签并在另一个标签中打开网站就足够了。

没有-悬停和鼠标输入的问题相同

我已经让开发人员工具打开一段时间了

在firefox中打开页面，它在中工作

您可以尝试jQuery hover（）函数。它需要一个handlerIn和handlerOut。

适用于悬停

http://jsfiddle.net/blackjim/JQAw3/4/

$('.dash_item').hover(
    function () {
        console.log("im here");
    },
    function () {
        console.log("im out");
    }
);

将其留在此处，以防其他人偶然发现。在2015年初，这仍然是chrome/chrome的一个"功能"，如果页面被视为文件（不是从Web服务器提供的），则mouseenter、mouseleave、mouseover等鼠标位置事件不会触发。不知道这是否是OP的问题，但当我偶然发现这一点时，这是我的问题。

相关文章：