JQuery mouseenter事件父/子关系

时间:2016-01-13 01:06:47

标签: jquery mouseenter

我有一个问题,我希望我的页面上的每个DIV都可以在moused结束时收到一个事件。我已经在on()事件处理程序上设置了99%的时间。但是,我发现由于父/子节点处理,事件开始变得混乱。这意味着,当我在父DIV中有一个子DIV时,事件会触发一个,而不是另一个。只是将鼠标移入和移出孩子的父母就无法更新呼叫。

如何在鸡蛋之前解决鸡肉?

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

一旦进入div-2,我有时无法触发div-1,除非我将事件处理程序移到div-1容器外。

提前谢谢。

1 个答案:

答案 0 :(得分:1)

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

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

查看一个有效的例子HERE