100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > jQuery ajax动态新增节点无法触发点击事件如何解决

jQuery ajax动态新增节点无法触发点击事件如何解决

时间:2023-08-31 21:35:43

相关推荐

jQuery ajax动态新增节点无法触发点击事件如何解决

web前端|js教程

jQuery,ajax,节点

web前端-js教程

在写ajax加载数据的时候发现,后面添加进来的demo节点元素,失去了之前的点击事件,如何解决此问题呢?下面小编给大家带来了jQuery ajax动态新增节点无法触发点击事件的解决方法,一起看看吧,希望能帮助到大家。

访问网页获取源码,vscode和vs标准不同,ubuntu移除ppa,tomcat7.0特性,爬虫平台维护,php 加减验证码,深圳seo培训泛目录代发,网站服务器可以下载源代码,app登录页 html模板lzw

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

开源预约源码,手机装中文ubuntu,python 初级爬虫兼职,$post php,改域名seolzw

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

小京东o2o源码下载,vscode的unity组件,EXE 运行ubuntu,tomcat发布不了工程,商务爬虫,php strrchr,seo如何设置外链,网站建设 代码下载,jsp信息展示模板下载lzw

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

a1 a2 a3 $("#demo").click(function(){ $("#demo").append(aaa4); //动态像ul的末尾追加一个新元素 });

方法一:使用live:

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

实现如下:

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

方法二:使用on:

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

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

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

JQuery 模拟点击事件,自动触发事件

js模拟点击事件

js动态添加点击事件常见错误详解

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。