Jquery对动态生成的元素绑定事件
2014-06-25 11:11
666 查看
查询 Jquery api中的 .live()事件;
很多时候我们对一个对象绑定一个事件的时候老是发现绑定不成功,这时你可以查查看这个对像是不是你通过Jquery动态生成的。
jQuery的html()可以给现在元素附加新的元素,innerHTML也可以,那么,如何给这些新生成的元素绑定事件呢?直接在元素还未生成前就绑定肯定是无效的,因为所绑定的元素目前根本不存在。
然而,jQuery为我们提供了一个函数来解决这个问题,它就是.live(),它可以给所有元素绑定事件,不论是已有的,还是将来生成的,比如:
$(‘#div’).live(‘click’,function(){
//do stuff
});
它还可以同时绑定多个事件:
很多时候我们对一个对象绑定一个事件的时候老是发现绑定不成功,这时你可以查查看这个对像是不是你通过Jquery动态生成的。
jQuery的html()可以给现在元素附加新的元素,innerHTML也可以,那么,如何给这些新生成的元素绑定事件呢?直接在元素还未生成前就绑定肯定是无效的,因为所绑定的元素目前根本不存在。
然而,jQuery为我们提供了一个函数来解决这个问题,它就是.live(),它可以给所有元素绑定事件,不论是已有的,还是将来生成的,比如:
$(‘#div’).live(‘click’,function(){
//do stuff
});
它还可以同时绑定多个事件:
$('.hoverme').live('mouseover mouseout', function(event) { if (event.type == 'mouseover') { // do something on mouseover } else { // do something on mouseout } });
注意:
目前支持 click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup。
还不支持 blur, focus, mouseenter, mouseleave, change, submit
这个非常重要。
相关文章推荐
- jquery 为动态生成元素绑定事件
- JQuery中动态生成元素的绑定事件(坑死宝宝了)
- jQuery 对动态生成元素进行事件绑定
- jquery给动态生成的元素如何绑定事件。
- Jquery对动态生成的元素绑定事件
- jQuery使用on()方法给动态生成元素绑定事件
- jQuery:如何给动态生成的元素绑定事件?
- jQuery:如何给动态生成的元素绑定事件?
- jQuery使用on()绑定动态生成元素的事件无效的问题
- jquery 动态生成的元素的事件无法绑定
- Jquery对动态生成的元素绑定事件
- jQuery1.9之后使用on()绑定 动态生成元素的 事件无效
- jquery 动态生成的元素的事件无法绑定
- jquery动态生成元素绑定事件
- [jquery] 给动态生成的元素绑定事件 on方法
- jQuery:如何给动态生成的元素绑定事件?
- jquery动态生成的元素绑定事件
- jQuery使用on()绑定动态生成元素的事件无效的问题
- 用jquery动态生成的元素绑定事件
- jQuery:如何给动态生成的元素绑定事件?