码迷,mamicode.com
首页 > Web开发 > 详细

Jquery 动态添加删除元素 用js添加的元素无法删除问题

时间:2014-07-19 18:04:21      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:java   使用   io   问题   cti   re   

用jquery方法的绑定侦听和销毁来解决动态div的增加删除:

正确代码:
<script type="text/javascript" >
$(document).ready(function(){
 bindListener();
})

function addimg(){
 $("#mdiv").append(‘<div ><input type="file" name="img[]" /><a href="#" name="rmlink">X</a></div>‘);

 // 为新元素节点添加事件侦听器
  bindListener();
}

// 用来绑定事件(使用unbind避免重复绑定)
function bindListener(){
 $("a[name=rmlink]").unbind().click(function(){
  $(this).parent().remove();
    })
}
</script>

这中间就是存在一个事件绑定的过程,如果没有的话通过js加进来的div内不事件并不会被执行,添加了侦听事件功能后才能正确运行

Jquery 动态添加删除元素 用js添加的元素无法删除问题,布布扣,bubuko.com

Jquery 动态添加删除元素 用js添加的元素无法删除问题

标签:java   使用   io   问题   cti   re   

原文地址:http://www.cnblogs.com/yisouhou/p/3853602.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!