jQuery 附加 DM 事件不再起作用

Posted

技术标签:

【中文标题】jQuery 附加 DM 事件不再起作用【英文标题】:jQuery append DM event no longer works 【发布时间】:2014-05-31 18:20:35 【问题描述】:

我很感激之前有人问过这个问题,我已经在 *** 上搜索了答案,但没有一个解决方案适用于我的情况。

简单设置:

我有一排框,当您将鼠标悬停在框上并离开框时,会出现警报。单击文本以清除 div 并创建一个新框。新框不会响应鼠标悬停。

我知道这与 DOM 事件和页面加载有关,但我找不到解决方案。

我正在使用:

$('.box').on('mouseenter', function());

我也尝试过使用 .live

这是我的小提琴:

http://jsfiddle.net/d2PWH/3/

提前谢谢你。

阿兰。

【问题讨论】:

Event binding on dynamically created elements?的可能重复 始终在问题中包含 all 相关代码和标记 ,不要只链接,甚至不要链接到 jsFiddle。如果 jsFiddle 消失了,这个问题就变得毫无意义,无论如何人们不应该去场外帮助你。 【参考方案1】:

事件委托!定位加载时存在的元素!

$(".row").on("mouseenter", ".box", function() 

【讨论】:

@AlanA:如果这回答了您的问题,SO 的工作方式,您可以通过单击旁边的空复选标记“接受”该答案。更多信息请参见帮助中心。

以上是关于jQuery 附加 DM 事件不再起作用的主要内容,如果未能解决你的问题,请参考以下文章

jQuery:克隆元素和事件

具有动态内容的动态附加 iframe 在内容元素上写入 jquery 事件句柄不起作用

jQuery事件处理程序.on()不起作用

在ajax调用中附加tbody后点击事件不起作用?

如何通过 javascript/jquery 事件控制 youtube iframe 声音

Jquery 事件侦听器不处理附加元素(他们应该,不是吗?)