明凯博客

关注网站技术,一个特立独行的程序员

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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('<tr>' + contentTR + '</tr>');
  $(".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();
                });
        });

, , ,

相关文章

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

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注