解决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引用对象的方法
Jan 11 Javascript
javascript面向对象入门基础详细介绍
Sep 05 Javascript
JavaScript中__proto__与prototype的关系深入理解
Dec 04 Javascript
Javascript call和apply区别及使用方法
Nov 14 Javascript
jQuery的deferred对象详解
Nov 12 Javascript
浅谈javascript中自定义模版
Jan 29 Javascript
js实现图片轮播效果
Dec 19 Javascript
深入理解JQuery中的事件与动画
May 18 Javascript
微信小程序实现登录页云层漂浮的动画效果
May 05 Javascript
vue.js整合mint-ui里的轮播图实例代码
Dec 27 Javascript
JS实现点击li标签弹出对应的索引功能【案例】
Feb 18 Javascript
原生js实现简单轮播图
Oct 26 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中try catch捕获异常实例详解
2014/11/21 PHP
帝国cms目录结构分享
2015/07/06 PHP
深入讲解PHP的Yii框架中的属性(Property)
2016/03/18 PHP
SCP远程VPS快速搬家和WDCP升级php5.3安装memcached和eaccelerator教程
2017/07/27 PHP
关于laravel框架中的常用目录路径函数
2019/10/23 PHP
ExtJS 工具栏 分页事件参数
2010/03/05 Javascript
使用jquery获取网页中图片高度的两种方法
2013/09/26 Javascript
jQuery中click事件用法实例
2014/12/26 Javascript
JavaScript 异常处理 详解
2015/02/06 Javascript
node.js [superAgent] 请求使用示例
2015/03/13 Javascript
jquery实现的缩略图预览滑块实例
2015/06/25 Javascript
javascript冒泡排序小结
2016/04/10 Javascript
Bootstrap中的Panel和Table全面解析
2016/06/13 Javascript
第一次接触神奇的Bootstrap基础排版
2016/07/26 Javascript
原生js图片轮播效果实现代码
2016/10/19 Javascript
如何自动化部署项目?折腾服务器之旅~
2019/04/16 Javascript
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&平移轮播效果
2019/08/16 Javascript
快速解决layui弹窗按enter键不停弹窗的问题
2019/09/18 Javascript
小程序如何写动态标签的实现方法
2020/02/05 Javascript
el-form 多层级表单的实现示例
2020/09/10 Javascript
[02:57]2014DOTA2国际邀请赛-观众采访
2014/07/19 DOTA
利用Python如何生成便签图片详解
2018/07/09 Python
Selenium定位元素操作示例
2018/08/10 Python
Python脚本去除文件的只读性操作
2020/03/05 Python
python输出国际象棋棋盘的实例分享
2020/11/26 Python
Html5插件教程之添加浏览器放大镜效果的商品橱窗
2016/01/07 HTML / CSS
里程积分管理买卖交换平台:Points.com
2017/01/13 全球购物
工作态度检讨书
2014/02/11 职场文书
大学班级计划书
2014/04/29 职场文书
品德评语大全
2014/05/05 职场文书
平安工地建设方案
2014/05/06 职场文书
欢度春节标语
2014/07/01 职场文书
大一工商管理职业生涯规划:有梦最美,行动相随
2014/09/18 职场文书
党支部三会一课计划
2014/09/24 职场文书
2016年“我们的节日·中秋节”活动总结
2016/04/05 职场文书
MySQL 隔离数据列和前缀索引的使用总结
2021/05/14 MySQL