使用jquery on()方法为动态生成的元素绑定事件
2015-03-24 11:27
656 查看
使用jquery on()方法为动态生成的元素绑定事件
jquery中的on()方法可以为动态生成的元素绑定事件,该事件的主要语法如下:$(selector).on(events,[selector],[data],fn)
下面说明如何使用:
1、定义html页面元素:
<ul> <li>123</li> <li>456</li> </ul>
2、使用on()给静态元素绑定事件:
$('ul li').on('click',function(){ alert('hello'); }) 这种方法可以给静态元素绑定事件,给动态元素绑定事件无效。
3、使用on()给动态生成的元素绑定事件:
$('ul').on('click','li',function(){ alert('hello'); })
注意:live()方法原先也可以为动态生成的元素绑定事件,只是在jquery1.7之后去除了。
相关文章推荐
- jQuery on()方法给动态生成的元素绑定事件----实战分析
- jQuery使用on()方法给动态生成元素绑定事件
- jQuery on和off配合使用为动态生成的元素绑定监听事件
- jQuery使用on()绑定动态生成元素的事件无效的问题
- jQuery使用on()绑定动态生成元素的事件无效的问题
- jQuery on()方法绑定动态元素的点击事件无响应的解决办法
- jQuery1.9之后使用on()绑定 动态生成元素的 事件无效
- AngularJS实现给动态生成的元素绑定事件的方法
- Apple 移动设备绑定动态生成元素点击事件$(document).on('click',element,callback)失效解决方法
- jQuery on()方法绑定动态元素的点击事件无响应的解决办法
- jQuery on()方法绑定动态元素的点击事件无效
- jQuery on()方法绑定动态元素的点击事件无响应的解决办法
- jQuery使用on()绑定动态生成元素的事件无效的问题
- [jquery] 给动态生成的元素绑定事件 on方法
- 第24篇:AngularJS实现给动态生成的元素绑定事件的方法
- jQuery on()方法绑定动态元素的点击事件实例代码浅析
- jQuery on()方法绑定动态元素的点击事件无响应的解决办法
- Apple 移动设备绑定动态生成元素点击事件$(document).on('click',element,callback)失效解决方法
- jQuery on()方法绑定动态元素的点击事件
- jQuery on()方法绑定动态元素的点击事件