jQuery使用on()方法给动态生成元素绑定事件
2016-07-25 20:38
1071 查看
jquery on()方法是jquery1.7+后才使用的
由于需求:动态添加了以下代码
绑定是这么写的
发现对于动态添加的没有起到监听作用,那么对代码进行修改,把监听对象改成静态的就可以了
这里table是非动态添加的父节点,由于.pj也是动态生成的,写.pj 作为父节点是没有效果的。
由于需求:动态添加了以下代码
$("input[name='result']").on("click",function(){ var len = $(this).parent().siblings().children("input").attr("checked",false); $(this).attr("checked",true); });
发现对于动态添加的没有起到监听作用,那么对代码进行修改,把监听对象改成静态的就可以了
$("table").on("click","input[name='result']",function(){ var len = $(this).parent().siblings().children("input").attr("checked",false); $(this).attr("checked",true); });
这里table是非动态添加的父节点,由于.pj也是动态生成的,写.pj 作为父节点是没有效果的。
相关文章推荐
- jQuery Datatable后台分页
- jQuery选择器
- jQuery ajax 302跨域
- jquery实现擦除效果
- jQuery $(document).ready()和JavaScript onload事件
- 15 个最佳 jQuery 翻书效果插件
- jquery去掉空格的方法
- jQuery事件之鼠标事件
- jQuery中 $(this)与this的区别
- jQuery仿京东商城楼梯式导航定位菜单
- jQuery查看dom元素上绑定的事件列表
- 又一枚精彩的弹幕效果jQuery实现
- jquery 模糊匹配
- Java 利用jquery库cropper完成图片裁剪功能
- jquery中的this 到底是什么意思? $(this)
- Demo-jQuery下拉列表内容联动
- $()的三种方法-jquery
- Demo-checkbox全(不)选,反选
- Demo-jQuery获取焦点&文本框大小变化
- Demo-jQuery常用选择过滤器