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

时间：2019-07-05 17:18:01

关键字： jquery

手机看文章

扫描二维码
随时随地手机看文章

[导读]jQuery使用on()绑定动态生成元素的事件无效的问题jQuery的on()方法可以绑定动态生成元素的事件，但是在实际使用时发现无效。如下HTML：1 2 3<p> <a

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

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

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

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

1

2

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

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

1

2

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