1. 程式人生 > >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(){ .............. });