JQuery为动态元素绑定事件

平时我们会用bind或者click为元素绑定事件,但是如果遇到一些动态加载的元素时这个方法就会失效了。

常用为动态元素绑定事件的方法有以下两种:

1、JQuery1.7以前版本使用live方法绑定。

$(selector).live(event,data,function)

但是1.8之后就不能使用了,已失效。

2、JQuery1.8以后的版本使用on()来绑定事件。

$(selector).on(event,childSelector,data,function,map)

需要注意的是一定要把动态添加的元素放在on方法里面才有效果如:

$('#ID-info').on('click',' .row .remove-row',function() {
      $(this).parents('.row').remove();
});

//下面这种方法是错误的

$('#ID-info .row .remove-row').on('click',function() {
 $(this).parents('.row').remove();
});