转载自 http://mini.kisexu.com/post/2013-08-07/40053424637
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
(){
..............
});
|