解决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 相关文章推荐
js 纯数字不重复排列的另类方法
Jul 17 Javascript
Javascript中 关于prototype属性实现继承的原理图
Apr 16 Javascript
关于javascript event flow 的一个bug详解
Sep 17 Javascript
JS判断变量是否为空判断是否null
Jul 25 Javascript
跟我学习javascript的函数调用和构造函数调用
Nov 16 Javascript
Vue.js数据绑定之data属性
Jul 07 Javascript
React 组件转 Vue 组件的命令写法
Feb 28 Javascript
mockjs+vue页面直接展示数据的方法
Dec 19 Javascript
微信小程序全局变量的设置、使用、修改过程解析
Sep 24 Javascript
js prototype深入理解及应用实例分析
Nov 25 Javascript
Ant Design的Table组件去除
Oct 24 Javascript
Javascript文本框脚本实现方法解析
Oct 30 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新手上路(十)
2006/10/09 PHP
解析如何修改phpmyadmin中的默认登陆超时时间
2013/06/25 PHP
php读取文件内容的几种方法详解
2013/06/26 PHP
smarty内置函数capture用法分析
2015/01/22 PHP
PHP构造函数与析构函数用法示例
2016/09/28 PHP
php 7新特性之类型申明详解
2017/06/06 PHP
Yii2框架redis基本应用示例
2018/07/13 PHP
PhpStorm+xdebug+postman调试技巧分享
2020/09/15 PHP
JavaScript Undefined,Null类型和NaN值区别
2008/10/22 Javascript
jQuery EasyUI API 中文文档 - Documentation 文档
2011/09/29 Javascript
javascript动态添加样式(行内式/嵌入式/外链式等规则)
2013/06/24 Javascript
深入分析Cookie的安全性问题
2015/03/01 Javascript
对于js垃圾回收机制的理解
2017/09/14 Javascript
js实现HTML中Select二级联动的实例
2018/01/05 Javascript
Vue无限滑动周选择日期的组件的示例代码
2018/07/18 Javascript
JavaScript树的深度优先遍历和广度优先遍历算法示例
2018/07/30 Javascript
Vue弹出菜单功能的实现代码
2018/09/12 Javascript
vue使用video.js进行视频播放功能
2019/07/18 Javascript
[12:51]71泪洒现场!是DOTA2让经典重现
2014/03/24 DOTA
Python实现一个简单的MySQL类
2015/01/07 Python
Python中使用支持向量机(SVM)算法
2017/12/26 Python
python3使用腾讯企业邮箱发送邮件的实例
2019/06/28 Python
opencv 查找连通区域 最大面积实例
2020/06/04 Python
虚拟环境及venv和virtualenv的区别说明
2021/02/05 Python
CSS3实现多背景展示效果通过CSS3定位多张背景
2014/08/10 HTML / CSS
欧洲高端品牌直销店:Fashionesta
2016/08/31 全球购物
具有防紫外线功能的高性能钓鱼服装:Hook&Tackle
2018/08/16 全球购物
电子商务专业学生的自我鉴定
2013/11/28 职场文书
幸福家庭事迹材料
2014/02/03 职场文书
电子商务专业应届毕业生求职信
2014/06/21 职场文书
个人贷款收入证明
2014/10/26 职场文书
教师学习群众路线心得体会
2014/11/04 职场文书
法制教育观后感
2015/06/17 职场文书
商业计划书之服装
2019/09/09 职场文书
Python采集爬取京东商品信息和评论并存入MySQL
2022/04/12 Python
JS前端可视化canvas动画原理及其推导实现
2022/08/05 Javascript