web前端|js教程
jQuery,动态添加,元素,触发绑定事件,解决方法
web前端-js教程最近遇到一个问题,即当用jquery动态添加元素后,发现给动态添加的元素却无法触发事件。后来在网上查阅了一些资料,发现原来要这样处理:
qt经典源码,ubuntu软件中心 源,华尔街见闻网站爬虫,php简历.,搜狗seo推广lzw
先上我出错的代码:
国外的快递怎么查询网站源码,vscode如何显示谁调用,paste.ubuntu,tomcat多实例优点,爬虫题库下载,php 后台管理系统模板,王通seo赚钱培训教程,php交流网站,wdcp 模板下载lzw
//这里是为添加的元素添加事件$(".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如何实现国际化(详细教学)