jQuery 如何在页面加载光标悬停元素时防止 mouseenter 触发

Question

我的页面上有一个元素，绑定(bind)了一个 mouseenter 事件，该事件会更改子图像的尺寸。

它的工作方式正如我想要的，但是如果您将光标悬停在 div 所在的位置点击页面，它会在加载后立即触发 - 这是不希望的，我希望它在鼠标光标实际出现之前不执行任何操作< em>进入 div 而不是一开始就在那里。

我尝试在 jsfiddle 上敲出一个示例，但页面加载速度太快，我无法将光标放在正确的位置:(

一种可能性是将绑定(bind)方法调用设置为超时，这样就需要一秒钟来绑定(bind)事件，但如果用户将光标放在我的 div 上，问题仍然会发生。

有什么想法吗？

使用 jQuery 1.6.2

Answer 1

嗯。这是唯一的想法。

var mouse_already_there = false;
var event_set = false;
$(document).ready(function() {
    $(item).hover(function(){
        if(!event_set) { mouse_already_there = true; }
    }, function(){
        if(!event_set) { mouse_already_there = false; }
    });
    if(mouse_already_there) {
        //do nothing
    } else {
        event_set = true;
        //set event
    }
});