JS动态生成的元素，其对应的方法不响应（比如单击事件，鼠标移动事件等）...

主要原因：在页面给元素注册点击事件的时候【 $(function () { XXX }); 】，JS动态生成的元素还尚未生成，所以click事件就没有生效

解决方法：

方案一：js动态生成元素后再给其注册事件 【注册事件放在动态生成的js下面（js是从上往下执行的，当注册事件的时候元素已经生成了，就不会出现注册失效的现象了）】

话比较抽象举个例子：

方案二：js动态生成元素的时候给他加上 onClick之类的方法

举个例子：

如果你又更好的方案，那小子受教了~~

JS动态生成的元素，其对应的方法不响应（比如单击事件，鼠标移动事件等）...相关推荐

2）JS动态生成HTML元素的爬取
2)JS动态生成HTML元素的爬取 import java.util.List;import org.openqa.selenium.By; import org.openqa.selenium.We ...
js动态生成的DOM绑定事件失效的问题
事件委托原理:事件冒泡机制. 优点:1. 可以大量节省内存占用,减少事件注册.比如ul 上代理所有li 的click 事件. 2. 可以实现当新增子对象时,无需再对其事件进行绑定.对动态内容部分尤为合 ...
js 动态生成html（js根据后台返回数据生成html页面中的table标签）（转义字符）
js 动态生成html table标签中内容js生成 html代码 js代码 js 动态生成html 触发事件传参字符转义 table标签中内容js生成 html代码 <div><t ...
HTML通过JS动态生成简单网页
HTML通过JS动态生成简单网页 <!DOCTYPE html> <html><head><meta charset="UTF-8"> ...
html设置根rem,经过js动态设置根元素的rem方案
rem目前是响应式开发移动端一个很重要也是经常使用的一个元素,可是在网上看的各类文章都会超级懵逼.因此我在下面给出两个方案,也列举出使用方法,让你们一目了然.前提是设计稿以750为准.其中测试的设计稿 ...
js动态生产html元素,js 动态创建 html元素
js 动态创建 html元素 js学习之动态创建html元素 body{margin:0;padding:0;} .sky{background:#000;width:1000;height:500p ...
php点击后增加html元素,如何动态生成html元素以及为元素追加属性的方法介绍（附代码）...
本篇文章给大家分享的是关于如何动态生成html元素以及为元素追加属性的方法介绍(附代码),内容很不错,有需要的朋友可以参考一下,希望可以帮助到大家. 动态生成HTML元素的方法有三种: 第一种:doc ...
html动态资源加载进度,JavaScript_快速解决js动态改变dom元素属性后页面及时渲染的问题，今天实现一个进度条加载过程 - phpStudy...
快速解决js动态改变dom元素属性后页面及时渲染的问题今天实现一个进度条加载过程,dom结构其实就是两个div 控制里层div的宽width属性,就能实现进度条往前走的效果. 我的进度条是显示下载文 ...
解决js动态改变dom元素属性后页面及时渲染问题
解决js动态改变dom元素属性后页面及时渲染问题参考文章: (1)解决js动态改变dom元素属性后页面及时渲染问题 (2)https://www.cnblogs.com/fangsmile/p/49 ...

JS动态生成的元素，其对应的方法不响应（比如单击事件，鼠标移动事件等）...

JS动态生成的元素，其对应的方法不响应（比如单击事件，鼠标移动事件等）...相关推荐

最新文章

热门文章