Div Hover问题

Question

我在另一个名为 holder 的div中有2个div， me 和 bubble 。当用户将鼠标悬停在持有者上时，我想触发操作。由于某种原因，当我将鼠标悬停在 me 上时，该操作正常，但当我将鼠标悬停在气泡上时，它不会注册为 holder div。

这是代码。

$("#iholder").hoverIntent(function() {
    $("#me").css({
    "background-image": "url(img/me-hover.gif)",
    timeout: 50        
    });
$(this).css({
    "cursor": "pointer",     
    });
$("#bubble").animate({
    opacity: "show"     
    }, "300");
},
function() {
    $("#me").css({
    "background-image": "url(img/me.gif)",    
    }, "300");
$("#bubble").animate({opacity: "hide"}, "200");  
});
});

这是HTML

<div id="holder">
<div id="me"></div>
<div id="bubble"></div>
</div>

Answer 1

好的开始，你在这里得到一个错字：

$("#holder").hoverIntent(function() {
    $("#me").css({
    "background-image": "url(img/me-hover.gif)",
    timeout: 50        
    });

您有#iholder而不是#holder