使用jQuery如何解决动态添加元素无法触发绑定事件

web前端|js教程

jQuery,动态添加,元素,触发绑定事件,解决方法

web前端-js教程最近遇到一个问题，即当用jquery动态添加元素后，发现给动态添加的元素却无法触发事件。后来在网上查阅了一些资料，发现原来要这样处理：

qt经典源码,ubuntu软件中心 源,华尔街见闻网站爬虫,php简历.,搜狗seo推广lzw

先上我出错的代码:

国外的快递怎么查询网站源码,vscode如何显示谁调用,paste.ubuntu,tomcat多实例优点,爬虫题库下载,php 后台管理系统模板,王通seo赚钱培训教程,php交流网站,wdcp 模板下载lzw

$(document).ready(function(){//这里是动态添加元素$(".add").click(function(){ var btn = $("新按钮"); $("body").append(btn);})

//这里是为添加的元素添加事件$(".newBtn").click(function(){ alert("这里是新添加的元素触发的事件");}) })添加按钮

奉上我的解决方法

直播软件app源码价格,网易云vscode的插件,ubuntu背景设置,tomcat设置初始页面,养殖沙爬虫,php 代码混淆工具,威海短视频seo优化系统,网站源码怎么预览,翻折印模板lzw

方法一：绑定live事件(live事件只在jquery1.9以下才支持，高版本不支持)。

$(".newBtn").live("click",function(){///jquery 1.9(不包括1.9)以下可以 alert(这里是动态元素添加的事件);})

方法二：利用on()事件绑定($(ParentEle).on("click",".thisEle",function(){})

$("body").on("click", ".newBtn", function() { alert(这里是动态元素添加的事件);});//这里的ParentEle是 thisEle的父辈元素或者祖先元素，ParentEle可以是document，也可以是body等。//注意：如果此时调用的函数是外部定义好的函数，那在调用的时候不要加()，不然会跳过点击事件直接触发函数

$("body").on("click", ".newBtn",aa );function aa(){ alert(这里是动态元素添加的事件);}

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

使用jQuery+CSS如何实现table表格

通过nodejs使用http模块发送请求（详细教学）

使用Angular如何实现国际化（详细教学）