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