JQuery mouseenter 事件parent / child 关系

Question

我有一个问题，我希望页面上的每个 DIV 在鼠标悬停时都收到一个事件。我已经设置了一个 on() 事件处理程序，它在 99% 的时间里都能正常工作。但是，我发现由于 parent / child 节点处理，事件开始变得混乱。意思是，当我在 parent DIV 中有一个 child DIV 时，事件会为其中一个触发，但不会为另一个触发。只是将鼠标移入和移出 child 到它的 parent 无法更新调用。

如何解决先有鸡先有蛋的问题？

<div id="div-1">
    <div id="div-2"></div>
</div>

一旦进入 div-2，我有时无法启动它 div-1，除非我将事件处理程序移出 div-1 容器。

提前致谢。

Answer 1

像这样为 jQuery 代码中的所有 div 定义事件分配，它应该适用于 HTML 标记中的所有静态和动态生成的 div :

$(document).on("mouseover","div", function() {
    // your function or style comes here
});

查看工作示例HERE

JQuery mouseenter 事件parent / child 关系

JQuery mouseenter event parent / child relationship

jquery

mouseenter