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

用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添加的元素无法删除问题

上一篇:文件触发式实时同步 Rsync+Sersync Rsync+Inotify-tools


下一篇:MySql单行函数