javascript - jquery hover 仅适用于点击事件？

Question

我有这个在 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");
      }
    });
});

jsfiddle 在这里http://jsfiddle.net/JQAw3/

Answer 1

似乎是当您长时间打开网站（包括开发工具）时可能发生的 Google Chrome 错误。

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

最后，一个简单的浏览器重启帮助了。

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

编辑 2015-06-15：我每次在 Chrome上工作mouseenter时都会遇到这个问题。mouseleave对我来说，只需关闭选项卡并在另一个选项卡中打开网站就足够了。

Answer 2

不，它没有 - 与 mouseenter 悬停相同的问题

我已经打开了一段时间的开发者工具

在Firefox中打开页面，它工作

Answer 3

你可以试试 jQuery hover() 函数。它需要一个 handlerIn 和 handlerOut。

Answer 4

悬停效果很好

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

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

Answer 5

把这个留在这里，以防其他人偶然发现这个。在 2015 年初，这仍然是 chrome/chromium 中的“功能”，如果页面被视为文件（不从网络服务器提供），则不会触发鼠标位置事件，如mouseenter, mouseleave,等。mouseover不知道这是否是 OP 的问题，但当我偶然发现这个问题时是我的。