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动态添加点击事件常见错误详解