首页 > 其他分享 >jquery的clone事件导致<a>点击事件失效

jquery的clone事件导致<a>点击事件失效

时间:2022-10-08 20:56:50浏览次数:50  
标签:jquery parent clone dv 事件 profile13 hm var

当使用jquery的append方法添加元素后,发现链接点击失效。

 $('#profile13 form a').click(function() {
        var dv=$(this).parent().parent().clone();
        $('#profile13 form').append(dv);
     });

  于是用on绑定事件的方法替换原来的代码:

$(document).on('click','#profile13 a',function() {
        var hm=$(this).html();
        if(hm=='[+]'){
           var dv=$(this).parent().parent().clone();
           $('#profile13 form').append(dv);
           var hm=$(this).html();
           if(hm=='[+]'){
            $(this).html('[-]');
           }
       }
       else if(hm=='[-]'){
            $(this).parent().parent().remove();
       }
    });

  这样就能完美实现apend添加元素,并且点击事件依然有效。

标签:jquery,parent,clone,dv,事件,profile13,hm,var
From: https://www.cnblogs.com/haokan/p/16770159.html

相关文章