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 (){ .............. }); |