解决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 相关文章推荐
Google Maps API地图应用示例分享
Oct 23 Javascript
EasyUI实现二级页面的内容勾选的方法
Mar 01 Javascript
JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
Mar 13 Javascript
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
Jul 07 Javascript
Vue 2中ref属性的使用方法及注意事项
Jun 12 Javascript
React组件之间的通信的实例代码
Jun 27 Javascript
vue学习之mintui picker选择器实现省市二级联动示例
Oct 12 Javascript
React 项目迁移 Webpack Babel7的实现
Sep 12 Javascript
vue2.x集成百度UEditor富文本编辑器的方法
Sep 21 Javascript
前端面试知识点目录一览
Apr 15 Javascript
浅谈小程序globalData的那些事儿
Nov 01 Javascript
vscode中Vue别名路径提示的实现
Jul 31 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和XSS跨站攻击的防范
2007/04/17 PHP
How do I change MySQL timezone?
2008/03/26 PHP
php adodb操作mysql数据库
2009/03/19 PHP
php 注册时输入信息验证器的实现详解
2013/07/05 PHP
CI框架(CodeIgniter)操作redis的方法详解
2018/01/25 PHP
PHP 实现缩略图
2021/03/09 PHP
基于jQuery的输入框在光标位置插入内容, 并选中
2011/10/29 Javascript
jquery做的一个简单的屏幕锁定提示框
2014/03/26 Javascript
jquery text()方法取标签中的文本
2014/07/25 Javascript
js判断文本框剩余可输入字数的方法
2015/02/04 Javascript
PHP实现记录代码运行时间封装类实例教程
2017/05/08 Javascript
react-native-fs实现文件下载、文本存储的示例代码
2017/09/22 Javascript
一步步教你利用webpack如何搭一个vue脚手架(超详细讲解和注释)
2018/01/08 Javascript
全新打包工具parcel零配置vue开发脚手架
2018/01/11 Javascript
vue左侧菜单,树形图递归实现代码
2018/08/24 Javascript
vuex如何重置所有state(可定制)
2019/01/17 Javascript
小程序实现订单倒计时功能
2019/04/23 Javascript
TypeScript开发Node.js程序的方法
2019/04/30 Javascript
VUE组件中的 Drawer 抽屉实现代码
2019/08/06 Javascript
vue 自动化路由实现代码
2019/09/03 Javascript
详解node登录接口之密码错误限制次数(含代码)
2019/10/25 Javascript
小程序如何写动态标签的实现方法
2020/02/05 Javascript
react结合bootstrap实现评论功能
2020/05/30 Javascript
ant design vue嵌套表格及表格内部编辑的用法说明
2020/10/28 Javascript
vant 解决tab切换插件标题样式自定义的问题
2020/11/13 Javascript
详解Django框架中的视图级缓存
2015/07/23 Python
Python常用断言函数实例汇总
2020/11/30 Python
python爬虫利用代理池更换IP的方法步骤
2021/02/21 Python
CSS3实现渐变背景兼容问题
2020/05/06 HTML / CSS
HTML5 Canvas玩转酷炫大波浪进度图效果实例(附demo)
2016/12/14 HTML / CSS
Myprotein蛋白粉美国官网:欧洲畅销运动营养品牌
2016/11/15 全球购物
水利水电建筑施工应届生求职信
2014/07/04 职场文书
党员自我评议个人对照检查材料
2014/09/16 职场文书
公安领导班子四风问题个人整改措施思想汇报
2014/10/09 职场文书
2014年酒店工作总结与计划
2014/11/17 职场文书
节水宣传标语口号
2015/12/26 职场文书