jQuery使用on()绑定动态生成元素的事件无效的问题
扫描二维码
随时随地手机看文章
jQuery使用on()绑定动态生成元素的事件无效的问题
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
(){
..............
});