jQuery:为什么这个元素不会在悬停时隐藏？

Question

现在这真是令人沮丧!

我创建了一个脚本，当您将鼠标悬停在特殊链接上时，该脚本会将其他页面的一些内容附加到正文。我还设置了它，以便每当我将鼠标从链接上移开时，新元素(带有加载的内容)就会隐藏。到目前为止，一切都很好。问题是，有时当我将光标从链接移开太快时，脚本不会使用react(或其他)。啊，好吧，我想，只是添加了这个拒绝工作的邪恶代码:

$('#userBubble').mouseover(function() {
    $(this).hide();
});

现在，这有什么问题吗？我尝试过使用 mouseenter 代替，但也没有运气。我还尝试将其放入 $(document).ready() 函数中 - 那里也没有运气。 #userBubble 是悬停时加载的内容的容器，名称是正确的。我可以console.log #userBubble，所以它确实存在。

有什么想法吗？我没有收到任何错误，它只是不起作用。

Answer 1

确保用户 ID 在 DOM 中是唯一的，并且在绑定(bind)(或使用 live)时该元素存在。

将其更改为类并使用 live。我打赌它会起作用。

<img id="userBubble" class="userBubble"/>

$('.userBubble').live("mouseover", function() {
    $(this).hide();
});