解决jQuery ajax动态新增节点无法触发点击事件的问题

在写ajax加载数据的时候发现，后面添加进来的demo节点元素，失去了之前的点击事件。为什么点击事件失效，我们该怎么去解决呢?

其实最简单的方法就是直接在标签中写onclick=""，但是这样写其实是有点low的，最好的方式还是通过给类名绑定一个click事件。

解决jQuery ajax动态新增节点无法触发事件问题的两种解决方法，为了达到更好的演示效果，假设在某个页面的body下有以下结构的代码：

 <ul id="demo">
  <li class="demo1">a1</li>
  <li class="demo1">a2</li>
  <li class="demo1">a3</li>
 </ul> 
 <script type="text/javascript">
 $("#demo").click(function(){
  $("#demo").append('<li class="demo1">aaa4</li>'); //动态像ul的末尾追加一个新元素
 });
 </script>

方法一：使用live：

live()函数会给被选的元素绑定上一个或者多个事件处理程序，并且规定当这些事件发生时运行的函数。通过live()函数适用于匹配选择器的当前及未来的元素。比如，通过脚本动态创建的元素。

实现如下：

$('.demo1').live('click', function(){
 alert('OK');
});

方法二：使用on：

可以通过on方法绑定事件，可以绑定到它的父级或者body中，实现如下：

$("#demo").on('click','.demol',function(){
 alert('OK')
});

通过上面的两种方法，都可以解决jQuery ajax动态新增节点无法触发点击事件的问题。知道方法了，赶紧的试试吧。

以上所述是小编给大家介绍的解决jQuery ajax动态新增节点无法触发点击事件的问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# jquery  # ajax  # 新增节点  # 基于jquery trigger函数无法触发a标签的两种解决方法  # jQuery动态添加元素无法触发绑定事件的解决方法分析  # 解决jquery中动态新增的元素节点无法触发事件问题的两种方法  # jquery中trigger()无法触发hover事件的解决方法  # JQuery动态生成的按钮无法触发问题及完美解决方法  # 绑定  # 两种  # 小编  # 最好的  # 多个  # 在此  # 适用于  # 可以通过  # 给大家  # 会给  # 该怎么  # 最简单  # 解决方法  # 所述  # 给我留言  # 感谢大家  # 疑问请  # 失去了  # 有任何  # 加载 

相关文章： 手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  ui设计制作网站有哪些,手机UI设计网址吗？  如何在新浪SAE免费搭建个人博客？  制作公司内部网站有哪些,内网如何建网站？  python的本地网站制作,如何创建本地站点？  网站建设设计制作营销公司南阳,如何策划设计和建设网站？  常州企业建站如何选择最佳模板？  建站主机助手选型指南：2025年热门推荐与高效部署技巧  建站中国官网：模板定制+SEO优化+建站流程一站式指南  山东网站制作公司有哪些,山东大源集团官网？  如何实现建站之星域名转发设置？  如何快速生成ASP一键建站模板并优化安全性？  如何快速搭建高效简练网站？  专业商城网站制作公司有哪些,pi商城官网是哪个？  如何配置FTP站点权限与安全设置？  如何基于PHP生成高效IDC网络公司建站源码？  IOS倒计时设置UIButton标题title的抖动问题  建站主机如何选？性能与价格怎样平衡？  音响网站制作视频教程,隆霸音响官方网站？  活动邀请函制作网站有哪些,活动邀请函文案？  如何用VPS主机快速搭建个人网站？  ,网页ppt怎么弄成自己的ppt？  Python路径拼接规范_跨平台处理说明【指导】  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  网站制作和推广的区别,想自己建立一个网站做推广，有什么快捷方法马上做好一个网站？  如何在IIS服务器上快速部署高效网站？  定制建站流程步骤详解：一站式方案设计与开发指南  建站主机是否属于云主机类型？  如何在自有机房高效搭建专业网站？  如何选择长沙网站建站模板？H5响应式与品牌定制哪个更优？  如何在云虚拟主机上快速搭建个人网站？  如何在云主机快速搭建网站站点？  建站之星价格显示格式升级，你的预算足够吗？  简易网站制作视频教程,使用记事本编写一个简单的网页html文件？  宁波自助建站系统如何快速打造专业企业网站？  网站制作中优化长尾关键字挖掘的技巧,建一个视频网站需要多少钱？  如何快速搭建自助建站会员专属系统？  武清网站制作公司,天津武清个人营业执照注销查询系统网站？  如何在服务器上配置二级域名建站？  如何用狗爹虚拟主机快速搭建网站？  广州商城建站系统开发成本与周期如何控制？  如何快速生成专业多端适配建站电话？  韩国服务器如何优化跨境访问实现高效连接？  如何用PHP快速搭建CMS系统？  Android滚轮选择时间控件使用详解  网站网页制作专业公司,怎样制作自己的网页？  学校为何禁止电信移动建设网站？  制作国外网站的软件,国外有哪些比较优质的网站推荐？  存储型VPS适合搭建中小型网站吗？  如何选择高效便捷的WAP商城建站系统？