1. 程式人生 > >append 新增的元素重新繫結事件

append 新增的元素重新繫結事件

在jQuery當中append是動態向頁面中新增元素的常見方法,但是很多時候append新增之後的節點再次繫結事件(比如click)的時候,就會發現click失效,這時候就會涉及到,on()


高版本的jQuery中.on()啟用之後bind和live都已經失效。


  再說上面的問題,如$(".DIV").append("<li>123</li>"),這時候用$(".DIV").click()方法繫結就會發現click事件沒有繫結上,解決 的辦法,$(".DIV").on("click","li",function(){})


  注意:on裡面的節點是你append添加里面的最高父節點開始算 比如 $(".DIV").append("<li>123<a> 確定</a> </li>"),這時候使用$(".DIV li").on("click","a",function(){})依然是不起做用的,必須把最高父節點放在on的第二個屬性點裡面,正確方法$(".DIV").on("click","li a",function(){})