解决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 相关文章推荐
对JavaScript的eval()中使用函数的进一步讨论
Jul 26 Javascript
解决jQuery插件tipswindown与hintbox冲突
Nov 05 Javascript
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
Apr 10 Javascript
js实现从数组里随机获取元素
Jan 12 Javascript
js实现下拉框选择要显示图片的方法
Feb 16 Javascript
12种JavaScript常用的MVC框架比较分析
Nov 16 Javascript
JavaScript模拟数组合并concat
Mar 06 Javascript
前端js文件合并的三种方式推荐
May 19 Javascript
Vue实现数字输入框中分割手机号码的示例
Oct 10 Javascript
vue-cli项目优化方法- 缩短首屏加载时间
Apr 01 Javascript
3分钟读懂移动端rem使用方法(推荐)
May 06 Javascript
js实现圆形显示鼠标单击位置
Feb 11 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输出缓存(output_buffering)的深入理解
2013/06/13 PHP
php实现的读取CSV文件函数示例
2017/02/07 PHP
php 字符串中是否包含指定字符串的多种方法
2018/04/12 PHP
浅谈laravel数据库查询返回的数据形式
2019/10/21 PHP
在IE中调用javascript打开Excel的代码(downmoon原作)
2007/04/02 Javascript
JQuery中使用Ajax赋值给全局变量异常的解决方法
2014/01/10 Javascript
jQuery实现异步获取json数据的2种方式
2014/08/29 Javascript
JavaScript检测字符串中是否含有html标签实现方法
2015/07/01 Javascript
AngularJS通过$location获取及改变当前页面的URL
2016/09/23 Javascript
AngularJS  双向数据绑定详解简单实例
2016/10/20 Javascript
详解js静态资源文件请求的处理
2017/08/01 Javascript
[js高手之路]单例模式实现模态框的示例
2017/09/01 Javascript
打造通用的匀速运动框架(实例讲解)
2017/10/17 Javascript
AngularJS实现图片上传和预览功能的方法分析
2017/11/08 Javascript
微信小程序表单验证form提交错误提示效果
2020/06/19 Javascript
vue自定义指令限制输入框输入值的步骤与完整代码
2020/08/30 Javascript
vue 导出文件,携带请求头token操作
2020/09/10 Javascript
详解Vue的七种传值方式
2021/02/08 Vue.js
[03:18]DOTA2放量测试专访820:希望玩家加入国服大家庭
2013/08/25 DOTA
[03:24][TI9纪实] Dota奶爸
2019/08/22 DOTA
[04:22]DOTA2大事件之护国神翼
2020/08/14 DOTA
python中cPickle用法例子分享
2014/01/03 Python
在Python的Django框架中用流响应生成CSV文件的教程
2015/05/02 Python
Python 自动化表单提交实例代码
2017/06/08 Python
python获取外网IP并发邮件的实现方法
2017/10/01 Python
Python3基于sax解析xml操作示例
2018/05/22 Python
python判断一个对象是否可迭代的例子
2019/07/22 Python
python3.x 生成3维随机数组实例
2019/11/28 Python
如何通过python实现全排列
2020/02/11 Python
详解CSS3新增的背景属性
2019/12/25 HTML / CSS
澳大利亚领先的美容护肤品零售商之一:SkincareStore
2018/01/22 全球购物
《悯农》教学反思
2014/04/28 职场文书
2015年个人现实表现材料
2014/12/10 职场文书
2014年信息宣传工作总结
2014/12/18 职场文书
新员工入职欢迎词
2015/01/23 职场文书
小学六年级毕业感言
2015/07/30 职场文书