jquery 使用 on 绑定 a标签无效 只能用 live

如题

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

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

< p >
    < a >123</ a >
</ p >

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

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

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

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