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

使用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");

}

});

© 著作权归作者所有,转载或内容合作请联系作者

推荐阅读 更多精彩内容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些 阅读 1,936 评论 0 2
  • jQuery模块 选择器、DOM操作、事件、AJAX与动画 匿名函数自执行 作用:解决命名空间与变量污染的问题 总...
    青青玉立 阅读 715 评论 0 0
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_ 阅读 1,224 评论 0 2
  • //------------------------- 第一章 认识JQuery ----------------...
    米塔塔 阅读 629 评论 0 9
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_ 阅读 1,002 评论 0 1