首页 > 代码库 > js动态插入的元素点击无效
js动态插入的元素点击无效
当点击按钮1时为元素b动态添加类discounted，并对具有类discounted的元素b进行点击事件
$(".btn1").click(function(){
$(".b").addClass("discounted");
});
$(".b.discounted").on("click",function(){
alert("1111");
})
以前以为动态插入的元素直接用on便可以进行操作，但今天试了很多次都没成功
看到网上说当动态生成元素的同时也动态生成事件过程，而不是先生成一个子虚乌有的事件来等着元素对号入座。
觉得很有道理
因为当程序第一次运行到
$(".b.discounted").on("click",function(){
alert("1111");
})时找不到对象，程序就会判定为出错，那个这个事件代码就无效了。
修改代码为
$(".btn1").click(function(){
$(".b").addClass("discounted");
$(".b.discounted").on("click",function(){
alert("1111");
})
});
就ok了
js动态插入的元素点击无效
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。