解决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常用代码段搜集
Dec 04 Javascript
整理JavaScript创建对象的八种方法
Nov 03 Javascript
用v-html解决Vue.js渲染中html标签不被解析的问题
Dec 14 Javascript
利用Node.js编写跨平台的spawn语句详解
Feb 12 Javascript
Canvas实现动态的雪花效果
Feb 13 Javascript
angularjs实现table增加tr的方法
Feb 27 Javascript
Angular父组件调用子组件的方法
Apr 02 Javascript
React Native基础入门之调试React Native应用的一小步
Jul 02 Javascript
在vue中使用Autoprefixed的方法
Jul 27 Javascript
Vue  webpack 项目自动打包压缩成zip文件的方法
Jul 24 Javascript
vue+elementUI(el-upload)图片压缩,默认同比例压缩操作
Aug 10 Javascript
js 将多个对象合并成一个对象 assign方法的实现
Sep 24 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
一键删除顽固的空文件夹 软件下载
2007/01/26 PHP
php后门URL的防范
2013/11/12 PHP
PHP语法自动检查的Vim插件
2014/08/11 PHP
php利用scws实现mysql全文搜索功能的方法
2014/12/25 PHP
一个简单至极的PHP缓存类代码
2015/10/23 PHP
Linux安装配置php环境的方法
2016/01/14 PHP
php使用crypt()函数进行加密
2017/06/08 PHP
bindParam和bindValue的区别以及在Yii2中的使用详解
2018/03/12 PHP
JavaScript Cookie 直接浏览网站分网址
2009/12/08 Javascript
JS按位非(~)运算符与~~运算符的理解分析
2011/07/31 Javascript
jquery不会自动回收xmlHttpRequest对象 导致了内存溢出
2012/06/18 Javascript
关于全局变量和局部变量的那些事
2013/01/11 Javascript
浅谈javascript事件取消和阻止冒泡
2015/05/26 Javascript
jQuery拖动元素并对元素进行重新排序
2015/12/30 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐)
2016/06/23 Javascript
vue技术分享之你可能不知道的7个秘密
2018/04/09 Javascript
微信小游戏中three.js离屏画布的示例代码
2020/10/12 Javascript
[58:18]2018DOTA2亚洲邀请赛3月29日 小组赛B组 iG VS Mineski
2018/03/30 DOTA
在Python中用split()方法分割字符串的使用介绍
2015/05/20 Python
python在windows下创建隐藏窗口子进程的方法
2015/06/04 Python
Python实现的排列组合计算操作示例
2017/10/13 Python
python学习笔记之列表(list)与元组(tuple)详解
2017/11/23 Python
Python定时任务sched模块用法示例
2018/07/16 Python
python爬虫之线程池和进程池功能与用法详解
2018/08/02 Python
python实现字符串和字典的转换
2018/09/29 Python
PyCharm 设置SciView工具窗口的方法
2019/01/15 Python
如何基于python测量代码运行时间
2019/12/25 Python
Python如何实现感知器的逻辑电路
2020/12/25 Python
什么是java序列化,如何实现java序列化
2012/11/14 面试题
学校安全检查制度
2014/01/27 职场文书
市场营销工作计划书
2014/05/06 职场文书
医学求职信
2014/05/28 职场文书
法制教育观后感
2015/06/17 职场文书
母亲去世追悼词
2015/06/23 职场文书
趣味运动会标语口号
2015/12/26 职场文书
《神奇的鸟岛》教学反思
2016/02/22 职场文书