jquery .live(动态绑定事件)
来源:互联网 发布:linux深度商店下载 编辑:程序博客网 时间:2024/05/20 03:41
问题描述:
我在html页面中根据$.getJSON获取到的data动态的往页面中加入checkbox,并设定了checkbox的click事件,一开始的源代码如下所示:
$.getJSON("/ebook_template_category",{acid:chacid}, function(data){$.each(data, function(i, item){htmlcont += '<input type="checkbox" name="acidcate" chacid='+chacid+' value='+item.etcid+' />'+item.name; }); if(data){htmlcont +='<li><input type="checkbox" id="check-all" />全选';htmlcont += '<span> </span><button id="commitcate">确定</button></li>';}htmlcont += '</ul>';var divshow=$("#category-check").text('');divshow.append(htmlcont);});
代码中蓝色部分为我要在页面中动态添加的checkbox元素,之后我对该元素的click事件进行绑定,使用了如下错误的方法:
$("#check-all").click(function(){ $("input[name='acidcate']").attr("checked",this.checked);});$("input[name='acidcate']").click(function(){$("#check-all").attr("checked", $("input[name='acidcate']").length==$("input[name='acidcate']:checked").length? true:false);});即我用了一般的绑定事件方法,其结果为点击“全选”等checkbox元素,不促发相应的click事件,经google得知,动态添加到页面中的元素需用.live进行绑定,即将绑定事件代码做如何更改即可:
$("#check-all").live("click", function(){ $("input[name='acidcate']").attr("checked",this.checked);});$("input[name='acidcate']").live("click", function(){$("#check-all").attr("checked", $("input[name='acidcate']").length==$("input[name='acidcate']:checked").length? true:false);});详细原因请参见链接:http://beinet.cn/Default.aspx?id=beacd37f-2ac5-49a6-8cd9-a15b0d2f9a3f
http://blog.163.com/quan2006@126/blog/static/17022863520114421019458/
- Jquery 动态事件绑定(.live()事件)
- jquery .live(动态绑定事件)
- Jquery 动态绑定事件 live
- JQuery事件绑定live方法
- jquery live()方法绑定事件
- Jquery绑定事件(bind和live的区别)
- Jquery绑定事件(bind和live的区别)
- Jquery绑定事件(bind和live的区别)
- Jquery绑定事件(bind和live的区别)
- Jquery绑定事件(bind和live的区别)
- Jquery绑定事件(bind和live的区别)
- jquery绑定事件(bind和live的区别)
- Jquery绑定事件(bind和live的区别)
- Jquery绑定事件(bind和live的区别)
- Jquery中绑定事件(bind和live的区别)
- Jquery绑定事件(bind和live的区别)
- Jquery绑定事件(bind和live的区别)
- Jquery绑定事件(bind和live的区别)
- js提取url的参数
- iOS开发中一些有用的小代码
- C++派生类访问权限
- Android Notification通知详解
- SELinux - Multi-Level Security (MLS)
- jquery .live(动态绑定事件)
- git和github使用
- 地理编码
- 重要的是你如何看世界
- http 头信息详解
- 字符串处理
- Ajax中Get请求与Post请求的区别
- 屏幕适配技术查阅资料汇总
- 2.6下多文件内核模块的makefiel编写