AJAX加载了HTML但是HTML里面的CLICK事件无效?如何解决?

原因:ajax载入新dom之前js就加载完了,click事件没有绑定到新载入的dom上
解决方法:使用事件委托,将事件on绑定到click事件要绑定的地方的父元素,一般我们会用body或document,也就是:“$('body').on('click' , 'click要绑定的地方' , function(){ do something ...});”
原理很简单,将事件委托到body或document(当然可以是其它父元素),等事件冒泡到父元素上面再进行事件处理。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,526评论 1 11
  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    极乐君阅读 5,572评论 0 106
  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    伯纳乌的追风少年阅读 25,861评论 2 46
  • 关于作者 罗伯特.清崎,他有2个“爸爸”,一个亲生父亲,是高学历的教育官员,另外一个是他好朋友的父亲,是高中都没毕...
    涟漪的声音阅读 362评论 0 0
  • 我去翻他的过往,并不是嫉妒。我只是难过,有种深情,他从未给过我。
    simeal阅读 150评论 0 0