js动态添加的元素不能绑定事件

动态生成的元素,使用.on绑定事件,比如$(document).on("click",".divclick",function(){})…

首先要明白浏览器在加载页面的时候是按顺序来加载的,这样以来就很清楚了,js动态添加dom以后,这些dom并没有绑定事件,这个时候最简单的一个办法就是:将绑定事件的方法封装到一个函数A中,在动态添加完dom以后立即执行一次函数A即可. 需要注意的是,在你可能同事需要添加许多的dom,不要添加一个就执行一次函数A,这样会增加浏览器的负载,你需要在所有dom添加完以后在执行函数A,例如你用一个for循环遍历dom组合并拼接成一个字符串,然后添加到某个父级dom里面,这个时候你需要在循环外添加一次就可以…

jq动态添加的元素触发绑定事件无效

<div class='a'> <div class='b'> </div> 其中$('.a')是html页面的元素,$('.b')是jq动态添加的元素.$(".b").click(function(){})方法失效原来jq中动态添加的元素不能直接使用$(".b").click(function(){});的方法,要使用$(".a").on('click','.b',function(){}); $(&quo…

JS动态添加的标签无法绑定事件解决方案~~~

今天用ajax实现动态插入数据时发现监听一直不起作用,一样的代码,非动态的就可以监听实现这是困扰了我近一个小时的bug,后面才理解到可能是动态插入导致的! 看了看网上的解决方案,似乎都不太通俗,讲的也不周全,记录一下,这是成长的印记! 废话不多说,直接看问题上方案! <tbody> <tr> <th><a href=""></a></th> </tr> </tbody> //如上述代码中t…

JS动态创建SVG元素并绑定事件

var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svg.setAttribute("); svg.setAttribute("); svg.addEventListener("load", function () { alert('loaded'); }); document.body.appendChild(svg); 以上代码…

jquery 动态创建的元素，绑定事件无效之解决方法

今天遇到一个问题,动态创建的元素,绑定事件无效,如下: js 代码如下: var OaddX = $('.detright div.duibi div.duibox ul li span'); // 所有的X; var Ojiaru = $('.detright div.duibi div.duibox div.tiao li button'); // 添加新车对比按钮 OaddX.on('click',function(){ var OspanX = $('.detright div.duib…