append 添加的元素重新绑定事件

在jQuery当中append是动态向页面中添加元素的常见方法,但是很多时候append添加之后的节点再次绑定事件(比如click)的时候,就会发现click失效,这时候就会涉及到,on()


高版本的jQuery中.on()启用之后bind和live都已经失效。


  再说上面的问题,如$(".DIV").append("
  • 123
  • "),这时候用$(".DIV").click()方法绑定就会发现click事件没有绑定上,解决 的办法,$(".DIV").on("click","li",function(){})


      注意:on里面的节点是你append添加里面的最高父节点开始算 比如 $(".DIV").append("

  • 123 确定
  • "),这时候使用$(".DIV li").on("click","a",function(){})依然是不起做用的,必须把最高父节点放在on的第二个属性点里面,正确方法$(".DIV").on("click","li a",function(){})




    转载自https://www.cnblogs.com/lamb97/p/6051185.html

    你可能感兴趣的:(js)