2018年04月6日网站服务器迁移完成……

jQuery使用on()绑定动态生成元素的事件无效的问题

Css 苏 demo 1761℃ 0评论

jQuery的on()方法可以绑定动态生成元素的事件,但是在实际使用时发现无效。如下HTML:

1
2
3
<p>
    <a>123</a>
</p>

使用如下方式,对静态元素有效,但是绑定动态生成的a元素的事件时无效:

1
2
3
$('a').on('mouseenter', function(){
    ............
});

需要绑定a的父级元素(此元素必须为静态元素,不是后来动态生成的),然后设定on()方法的selector参数才行:

1
2
3
$('p').on('mouseenter', 'a', function(){
    ..............
});

 

 

 

 

 

打赏

转载请注明:苏demo的别样人生 » jQuery使用on()绑定动态生成元素的事件无效的问题

   如果本篇文章对您有帮助,欢迎向博主进行赞助,赞助时请写上您的用户名。
支付宝直接捐助帐号oracle_lee@qq.com 感谢支持!
喜欢 (0)or分享 (0)
发表我的评论
取消评论
表情