解决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遍历Json的两种数据结构的实现代码
Jan 19 Javascript
jQuery 淡入淡出 png图在ie8下有黑色边框的解决方法
Mar 05 Javascript
运用JQuery的toggle实现网页加载完成自动弹窗
Mar 18 Javascript
jquery ajax应用中iframe自适应高度问题解决方法
Apr 12 Javascript
详解XMLHttpRequest(一)同步请求和异步请求
Sep 14 Javascript
jQury Ajax使用Token验证身份实例代码
Sep 22 Javascript
vue实现某元素吸顶或固定位置显示(监听滚动事件)
Dec 13 Javascript
Javascript的console['']常用输入方法汇总
Apr 26 Javascript
Bootstrap table 服务器端分页功能实现方法示例
Jun 01 Javascript
vue 在methods中调用mounted的实现操作
Aug 07 Javascript
vue用ant design中table表格,点击某行时触发的事件操作
Oct 28 Javascript
解决antd 表单设置默认值initialValue后验证失效的问题
Nov 02 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
yii2局部关闭(开启)csrf的验证的实例代码
2017/07/10 PHP
无语,javascript居然支持中文(unicode)编程!
2007/04/12 Javascript
JavaScript 异步调用框架 (Part 3 - 代码实现)
2009/08/04 Javascript
jquery中的事件处理详细介绍
2013/06/24 Javascript
js判断运行jsp页面的浏览器类型以及版本示例
2013/10/30 Javascript
js导出txt示例代码
2014/01/14 Javascript
基于jQuery插件实现环形图标菜单旋转切换特效
2015/05/15 Javascript
纯js代码实现简单计算器
2015/12/02 Javascript
jQuery1.9+中删除了live以后的替代方法
2016/06/17 Javascript
详解React-Native解决键盘遮挡问题(Keyboard遮挡问题)
2017/07/13 Javascript
vue移动端下拉刷新和上拉加载的实现代码
2018/09/08 Javascript
详解vue 数组和对象渲染问题
2018/09/21 Javascript
node.js连接mysql与基本用法示例
2019/01/05 Javascript
javascript设计模式 ? 装饰模式原理与应用实例分析
2020/04/14 Javascript
JS实现图片幻灯片效果代码实例
2020/05/21 Javascript
[03:16]DOTA2完美大师赛主赛事首日集锦
2017/11/23 DOTA
[01:08:24]DOTA2-DPC中国联赛 正赛 RNG vs Phoenix BO3 第一场 2月5日
2021/03/11 DOTA
python实现一次创建多级目录的方法
2015/05/15 Python
python和ruby,我选谁?
2017/09/13 Python
python使用tkinter实现简单计算器
2018/01/30 Python
python微信公众号之关键词自动回复
2018/06/15 Python
python操作excel文件并输出txt文件的实例
2018/07/10 Python
python中的socket实现ftp客户端和服务器收发文件及md5加密文件
2020/04/01 Python
HTML5在IE10、火狐下中文乱码问题的解决方法
2013/11/18 HTML / CSS
市场营销专业个人自荐信格式
2013/09/21 职场文书
2014年班主任自我评价范文
2014/04/23 职场文书
电子信息专业应届生自荐信
2014/06/04 职场文书
2014党委书记四风对照检查材料思想汇报
2014/09/21 职场文书
新婚姻法离婚协议书范文
2014/11/30 职场文书
出纳工作检讨书范文
2014/12/27 职场文书
销售业务员岗位职责
2015/02/13 职场文书
2015教师个人工作总结范文
2015/03/31 职场文书
钱学森观后感
2015/06/04 职场文书
Java方法重载和方法重写的区别到底在哪?
2021/06/11 Java/Android
深入讲解数据库中Decimal类型的使用以及实现方法
2022/02/15 MySQL
Redis实现订单过期删除的方法步骤
2022/06/05 Redis