JS动态生成的元素,其对应的方法不响应(比如单击事件,鼠标移动事件等)

简介:

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

 

解决方法:

 

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

话比较抽象举个例子:

 

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

举个例子:

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

目录
相关文章
|
JavaScript 前端开发
JavaScript实现div块跟随鼠标移动效果
JavaScript实现div块跟随鼠标移动效果 前面讲了这么多DOM事件有关的属性等,现在我们进行一些相关的练习,实现div块跟随鼠标移动效果,如图: 在这里插入图片描述 HTML代码: <div id="box"></div> 1 CSS代码: *{ margin: 0; padding: 0; } body{ width: 2000px; height: 2000px; } #box{ width: 200px; heigh
JavaScript实现div块跟随鼠标移动效果
|
6天前
|
JavaScript 前端开发 数据安全/隐私保护
JS制作跟随鼠标移动的图片
JS制作跟随鼠标移动的图片
25 0
|
JavaScript 前端开发
JavaScript实现一串div跟随鼠标移动效果(幻影效果)
JavaScript实现一串div跟随鼠标移动效果 上一篇博文我们说到了利用JavaScript实现div块跟随鼠标移动的效果。现在来讲一个进阶版,实现一串div跟随鼠标移动效果,鼠标幻影效果。如图: 在这里插入图片描述 HTML代码: <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div
JavaScript实现一串div跟随鼠标移动效果(幻影效果)
|
JavaScript 前端开发
Javascript实现让小图片一直跟着鼠标移动
Javascript实现让小图片一直跟着鼠标移动
通过HTML+CSS+JavaScript实现鼠标移动到页面顶部导航栏出现,如果移出导航栏3秒又隐藏起来,而且不受滚动条影响(二)...
通过HTML+CSS+JavaScript实现鼠标移动到页面顶部导航栏出现,如果移出导航栏3秒又隐藏起来,而且不受滚动条影响(二)...
JS 光标跟随鼠标移动案例
JS 光标跟随鼠标移动案例
JS 光标跟随鼠标移动案例
|
JavaScript
js小效果之跟随鼠标移动的小球
js小效果之跟随鼠标移动的小球
js小效果之跟随鼠标移动的小球
|
JavaScript 前端开发
JavaScript 技术篇-一段js代码展示可以随鼠标移动变换样式的卡通人物,动态女生眼睛跟着鼠转动
JavaScript 技术篇-一段js代码展示可以随鼠标移动变换样式的卡通人物,动态女生眼睛跟着鼠转动
267 0
|
JavaScript
js跟随鼠标移动的写法
window.onload=function(){ document.onmousemove=function (ev) { var oEvent=ev||event; var oDiv=document.
940 0