美文网首页
jQuery动态append添加元素点击事件失效

jQuery动态append添加元素点击事件失效

作者: chaocc | 来源:发表于2019-04-10 16:45 被阅读0次

使用append方法添加到DOM中的标签,是不能触发点击事件的。

失效原因:append中的节点是在整个文档加载完之后开始添加,页面不会为append的元素初始化添加点击事件,故使用这种方式动态添加的节点中的click事件没有生效。

解决方法:事件委托方式解决,将指定的事件绑定在document上,只要append元素符合指定的元素,就会绑定此事件 。

$(document).on("click","指定的元素",function(){});

例如:$(document).on("click",".e-signCrd li label",function(){

                if ($(this).parent().find(".e-signCkbx")[0].checked){

                        $(this).parent().find(".e-signCkbx").removeAttr("checked","");

                }else{

                        $(this).parent().find(".e-signCkbx").attr("checked","checked");

                }     

            });

相关文章

网友评论

      本文标题:jQuery动态append添加元素点击事件失效

      本文链接:https://www.haomeiwen.com/subject/tcloiqtx.html