jquery append新增的元素事件無效
阿新 • • 發佈：2019-01-25
在jquery.js 版本為1.9以上live屬性更改成on
<html> <head> <script src="jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $(".load-more").click(function() { for (i = 0; i < 10; i++) { $("#aaa ul").append("<li>aaaaaaa</li>"); } }); $("#aaa ul li").live('click', function() { alert("bbbbbbbb"); }); }); </script> </head> <body> <div id="aaa"> <ul> <li>aaaaaaa</li> <li>aaaaaaa</li> <li>aaaaaaa</li> <li>aaaaaaa</li> <li>aaaaaaa</li> </ul> </div> <div class="load-more">more</div> </body> </html>