JS动态生成元素鼠标响应方法live()函数

2014年9月15日 MK JQuery 2 阅读 5908次

jQuery在动态生成HTML元素后,如果该元素集合中有鼠标点击CLICK事件。

这时点击无响应,需要用到.live()方法使生成的动态元素依然保持页面装载后的效果,使鼠标点击事件生效。

jQuery(document).ready(function(){
 var contentTR=$('.info tr:eq(0)').html();
 var e=0;
    $('.addrow').click(function(){
  e=e+1;
  
        $(".info .addrow").parent().parent().before('' + contentTR + '');
  $(".info tr:eq("+e+")").find("input:eq(0)").attr("name","a"+e);
  $(".info tr:eq("+e+")").find("input:eq(1)").attr("name","b"+e);
  $(".info tr:eq("+e+")").find("select:eq(0)").attr("name","c"+e);
  $(".info tr:eq("+e+")").find("input:eq(2)").attr("name","d"+e);
  $(".info tr:eq("+e+")").find("input:eq(3)").attr("name","f"+e);
  
  });
  $('.del').live('click',function(){
            $(this).parent().parent().remove();
                });
        });

jquery, live, 动态, 鼠标

SQL ROW_NUMBER() 排序函数详解 wordpress如何制作自定义搜索框和结果页面

相关文章

JQuery的.bind()、.live()和.delegate()的区别

2 条评论 “JS动态生成元素鼠标响应方法live()函数”

Buat akun gratis说道：

2025年7月14日下午7:11

Your point of view caught my eye and was very interesting. Thanks. I have a question for you.

回复
爆破测振仪说道：

2014年9月25日下午2:51

收藏好文章。谢谢分享
爆破测振仪-中科测控-http://www.zkck.com

回复

发表回复取消回复