美文网首页
AJAX加载了HTML但是HTML里面的CLICK事件无效?如何

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

作者: 鱼儿跳跳跳跳跳 | 来源:发表于2018-03-09 10:04 被阅读0次

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

相关文章

网友评论

      本文标题:AJAX加载了HTML但是HTML里面的CLICK事件无效?如何

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