向东博客 专注WEB应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除|赢在IT，Playin' with IT,Focus on Killer Application,Marketing Meets Technology.

要求：当点击+按钮时，添加一个File位置，上传控件，当想删除这个上传文件控件时，点-取消。
问题：原有DOM上的三个上传文件框可以绑定上删除一个的事件，但是，通过AddInput.click生成的就没有。
如下：
$(".del_line").click(function() {     alert("del_line");     $(this).parent().remove();     --file_id;   });

解决：使用Jquery的Live Query插件，删除新加的文件控件的JS代码改为，livequery这个加上：
<script type="text/javascript" src="/js/jquery/jquery.livequery.js"></script>
  $('.del_line').livequery('click', function(event) {        alert("del_line");     $(this).parent().remove();     --file_id; });
参考来源：
使用Jquery的鲜活绑定(lively-ness)，解决“新添加的元素，事件不可用”的问题：
http://www.cnblogs.com/yongzhi/archive/2008/11/27/1342096.html


附录如下：
添加新上传文件Js事件：
  $(".dodiv").click(function(){     var file_up = '<div style="margin-top: 4px;" class="uploadinput">' +       '<img src="/image/error.png" style="width: 18px; height: 18px; display: none"></img>' +       '<input type="file" class="inputnormal" style="height: 20px; width: 180px;" name="upload-local-' + file_id + '" /> ' +       '<input type="text" class="inputnormal" /> <input type="checkbox" />新文件' +       '<img class = "del_line" src="/image/badge-circle-minus.png" style="width: 18px; height: 18px"></img></div>';     ++file_id;     //alert(file_id + " " + file_up);     $("#soft-file").append(file_up);   });

作者：jackxiang@向东博客 专注WEB应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除
地址：http://jackxiang.com/post/4713/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明！