事件不适用于动态创建的元素

事件不适用于动态创建的元素,第1张

事件不适用于动态创建的元素

使用

.on
与新生成的元素 动态事件代表团
http://api.jquery.com/on/ -在你的主要选择是存在的 静态父

$(".static-parent").on("event1 event2", ".dynamic-child", function() {

或者您的情况:

$(".dropdown").on("mouseover", "li", function() {   alert('mouseover works!!!!!!!!!');});

委派事件的优势在于,它们可以处理来自后代元素的事件,这些事件以后会添加到文档中。通过选择保证在附加委托事件处理程序时会出现的元素,您可以使用委托事件来避免频繁附加和删除事件处理程序的需要。例如,如果事件处理程序想要监视文档中的所有冒泡事件,则此元素可以是Model-
View-
Controller设计中视图的容器元素,也可以是文档。在加载任何其他HTML之前,document元素在文档的开头可用,因此可以安全地在其中附加事件,而无需等待文档准备就绪。

还要确保使用 DOM ready 函数

jQuery(function($) { // DOM is now ready and $ alias secured    $(".dropdown").on("mouseover", "li", function() {       alert('mouseover works!!!!!!!!!');    });});


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/5016349.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-11-15
下一篇2022-11-15

发表评论

登录后才能评论

评论列表(0条)

    保存