解决layui动态添加的元素click等事件触发不了的问题


Posted in Javascript onSeptember 20, 2019

在页面加载完成时候 '.add_project' 元素是可以触发click时间的,当动态添加 '.add_project' 时候,新添加的元素却触发不了click事件,类似下面的写法:

$(".add_project").on('click', function(){
  alert('1')
});

解决办法很简单,就是用全局的document来监控 '.add_project' 元素,如下:

$(document).on("click",".add_project",function(){
  alert('1');
})

这样就很好的解决了问题了。

以上这篇解决layui动态添加的元素click等事件触发不了的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery图片播放8款精美插件分享
Feb 17 Javascript
纯javascript实现简单下拉刷新功能
Mar 13 Javascript
百度地图API之本地搜索与范围搜索
Jul 30 Javascript
jQuery绑定自定义事件的魔法升级版
Jun 30 Javascript
vue实现列表的添加点击
Dec 29 Javascript
Django中使用jquery的ajax进行数据交互的实例代码
Oct 15 jQuery
jquery动态添加带有样式的HTML标签元素方法
Feb 24 jQuery
浅谈Webpack打包优化技巧
Jun 12 Javascript
Windows下Node爬虫神器Puppeteer安装记
Jan 09 Javascript
js实现一个页面多个倒计时的3种方法
Feb 25 Javascript
浅析 Vue 3.0 的组装式 API(一)
Aug 31 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
Sep 05 Javascript
微信小程序里引入SVG矢量图标的方法
Sep 20 #Javascript
微信小程序实现图片翻转效果的实例代码
Sep 20 #Javascript
vue实现直播间点赞飘心效果的示例代码
Sep 20 #Javascript
vue+layui实现select动态加载后台数据的例子
Sep 20 #Javascript
layui 中select下拉change事件失效的解决方法
Sep 20 #Javascript
微信小程序实现打开并下载服务器上面的pdf文件到手机
Sep 20 #Javascript
在layui框架中select下拉框监听更改事件的例子
Sep 20 #Javascript
You might like
用PHP实现的生成静态HTML速度快类库
2007/03/31 PHP
php部分常见问题总结
2008/03/27 PHP
php获取当前网址url并替换参数或网址的方法
2010/06/06 PHP
PHP生成自定义长度随机字符串的函数分享
2014/05/04 PHP
PHP设计模式之观察者模式定义与用法分析
2019/04/04 PHP
PHP论坛实现积分系统的思路代码详解
2020/06/01 PHP
关于JS中的闭包浅谈
2013/08/23 Javascript
Jquery 例外被抛出且未被接住原因介绍
2013/09/04 Javascript
jQuery使用andSelf()来包含之前的选择集
2014/05/19 Javascript
JS使用ajax方法获取指定url的head信息中指定字段值的方法
2015/03/24 Javascript
jquery实现动态改变div宽度和高度
2015/05/08 Javascript
JS实现的走迷宫小游戏完整实例
2017/07/19 Javascript
详解微信小程序调起键盘性能优化
2018/07/24 Javascript
angular中如何绑定iframe中src的方法
2019/02/01 Javascript
vue+elementui 对话框取消 表单验证重置示例
2019/10/29 Javascript
JavaScript canvas绘制折线图
2020/02/18 Javascript
Python实现监控程序执行时间并将其写入日志的方法
2015/06/30 Python
python实现爬虫统计学校BBS男女比例之数据处理(三)
2015/12/31 Python
python 接口_从协议到抽象基类详解
2017/08/24 Python
Python编程scoketServer实现多线程同步实例代码
2018/01/29 Python
Python正则表达式指南 推荐
2018/10/09 Python
Python中的集合介绍
2019/01/28 Python
python 获取等间隔的数组实例
2019/07/04 Python
Python 获取 datax 执行结果保存到数据库的方法
2019/07/11 Python
快速解决pymongo操作mongodb的时区问题
2020/12/05 Python
AVIS安飞士奥地利租车官网:提供奥地利、欧洲和全世界汽车租赁
2016/11/29 全球购物
药店主任岗位责任制
2014/02/10 职场文书
贷款担保书范文
2014/05/13 职场文书
给校长的建议书600字
2014/05/15 职场文书
2014年基建工作总结
2014/12/12 职场文书
2014小学语文教学工作总结
2014/12/17 职场文书
会议通知格式范文
2015/04/15 职场文书
小学运动会通讯稿
2015/07/18 职场文书
银行文明优质服务培训心得体会
2016/01/09 职场文书
医德医风学习心得体会
2016/01/25 职场文书
JavaScript如何利用Promise控制并发请求个数
2021/05/14 Javascript