Jquery对动态生成的元素绑定事件
2012-08-15 09:59
639 查看
查询 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 1.9后如何对动态生成的元素绑定事件
- jquery 动态生成的元素的事件无法绑定
- jquery动态生成元素绑定事件
- Jquery对动态生成的元素绑定事件
- Jquery对动态生成的元素绑定事件
- JQuery给动态生成的DOM元素绑定点击事件
- jQuery1.9之后使用on()绑定 动态生成元素的 事件无效
- jquery 动态生成的元素的事件无法绑定
- jQuery:如何给动态生成的元素绑定事件?
- jQuery使用on()绑定动态生成元素的事件无效的问题
- jQuery:如何给动态生成的元素绑定事件?
- 关于jquery 的绑定事件on 如何绑定动态生成的dom元素
- jquery 动态生成的元素的事件无法绑定
- 解决jquery 动态生成的元素的事件无法绑定
- jQuery:如何给动态生成的元素绑定事件?
- jQuery使用on()方法给动态生成元素绑定事件
- jQuery使用on()绑定动态生成元素的事件无效的问题
- jquery 为动态生成元素绑定事件