当前位置: 主页 > 网页 >

通过js生成的元素无法操作的原因

时间:2015-06-07  作者:haden   点击:
【摘要】制作网页的时会遇到某个js生成的DOM在后续进行操作的时候无法绑定新的事件,这里提供了一个解决方案。
添加更多一行的时候所产生的 input 和 button 都是动态生成的,是在页面加载完成后新添加的,没有在网页中注册,浏览器不存在改DOM的对象,所以不能使用 click,要使用 live (jquery 1.7.2 之后的版本不建议使用 live) 或 on


$(".submitBtn").click(function(){
改为
$(".submitBtn").live('click', function(){
或者
$(".submitBtn").on('click', function(){ 

记住如果元素在页面初始化的时候不存在,而是之后通过动态生成在页面中的,要对这些元素进行操作,例如 click, blur, keyup, change....,都要使用 on

.on('click', function
.on('blur', function
.on('keyup', function 
....
顶一下
(1)
100%
踩一下
(0)
0%
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
验证码: 点击我更换图片

推荐内容