前两天做项目时用到ajax加载dom元素，发现绑定的事件无效
如下图：
如上图所示，点击触发ajax之后，接着操作dom元素，发现后面绑定事件后是无效的。
上网百度之后发现需要使用on来绑定，代码如下：
这样的话绑定事件才有效。
总结：通过ajax动态加载的dom元素，需要使用on来绑定事件，或者直接在dom元素上写onclick事件。
前两天做项目时用到ajax加载dom元素，发现绑定的事件无效
如下图：
如上图所示，点击触发ajax之后，接着操作dom元素，发现后面绑定事件后是无效的。
上网百度之后发现需要使用on来绑定，代码如下：
这样的话绑定事件才有效。
总结：通过ajax动态加载的dom元素，需要使用on来绑定事件，或者直接在dom元素上写onclick事件。
前两天做项目时用到ajax加载dom元素，发现绑定的事件无效 如下图： 如上图所示，点击触发ajax之后，接着操作...
对于在页面加载时就被加载的元素，我们可以直接使用下面代码来为元素绑定事件 但是对于页面动态新增的元素，是没有被绑定...
动态添加的html的时候 想要元素有之前写的事件效果 要使用这个绑定事件
对于利用Ajax从后台动态加载的页面，绑定事件（以点击事件为例）的时候必须使用以下方式， 而不是使用以下方式： 注...
添加（绑定）事件方式1：通过HTML标签事件属性（不建议使用) 方式2：通过JS代码：先获取需要绑定事件的元素，给...
我们在绑定事件时（比如点击事件），只能绑定在HTML页面已有的元素上（比如下方html里的 上），当使用jQuer...
使用情境: 对ajax返回的未来元素进行事件绑定, 需要利用冒泡机制, 进行事件委托.并使用e.target 获取...
给要绑定事件的父级元素绑定事件 比如要给li绑定事件（li的每条数据都是动态加载上的） $(ul).on('cli...
js动态加载HTML元素时点击事件无效： 是因为这些动态加载的这些HTML，是在css,js代码加载完后，再添加的...
React元素绑定事件有两点需要注意： 使用箭头函数 使用组件方法
本文标题： 使用ajax动态加载html元素时，绑定事件需要注意的问题
本文链接：https://www.haomeiwen.com/subject/chznyxtx.html
网友评论