解决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 继承机制实例
Aug 12 Javascript
本地对象Array的原型扩展实现代码
Dec 04 Javascript
JavaScript下利用fso判断文件是否存在的代码
Dec 11 Javascript
利用div+jquery自定义滚动条样式的2种方法
Jul 18 Javascript
jQuery分别获取选中的复选框值的示例
Jun 17 Javascript
js制作简易年历完整实例
Jan 28 Javascript
JavaScipt选取文档元素的方法(推荐)
Aug 05 Javascript
快速搭建React的环境步骤详解
Nov 06 Javascript
JS中的函数与对象的创建方式
May 12 Javascript
JQuery 实现文件下载的常用方法分析
Oct 29 jQuery
JS面向对象编程实现的Tab选项卡案例详解
Mar 03 Javascript
vue中的使用token的方法示例
Mar 10 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超级全局变量
2010/01/26 PHP
php的字符串用法小结
2010/06/08 PHP
PHP制作3D扇形统计图以及对图片进行缩放操作实例
2014/10/23 PHP
CI框架实现cookie登陆的方法详解
2016/05/18 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
JavaScript继承方式实例
2010/10/29 Javascript
JavaScript获取flash对象与网上的有所不同
2014/04/21 Javascript
Nodejs sublime text 3安装与配置
2014/06/19 NodeJs
javascript中Number对象的toString()方法分析
2014/12/20 Javascript
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
2015/04/17 Javascript
跟我学习javascript的全局变量
2015/11/16 Javascript
基于jquery实现鼠标左右拖动滑块滑动附源码下载
2015/12/23 Javascript
利用JavaScript阻止表单提交的两种方法
2016/08/11 Javascript
jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单
2016/08/17 Javascript
JavaScript30 一个月纯 JS 挑战中文指南(英文全集)
2017/07/23 Javascript
关于HTML5的data-*自定义属性的总结
2018/05/05 Javascript
使用vuepress搭建静态博客的示例代码
2019/02/14 Javascript
Vue将props值实时传递 并可修改的操作
2020/08/09 Javascript
[04:52]DOTA2亚洲邀请赛附加赛 TOP10精彩集锦
2015/01/29 DOTA
在Python中使用mechanize模块模拟浏览器功能
2015/05/05 Python
Python实现曲线拟合操作示例【基于numpy,scipy,matplotlib库】
2018/07/12 Python
Python Cookie 读取和保存方法
2018/12/28 Python
python多线程和多进程关系详解
2020/12/14 Python
HTML5资源预加载(Link prefetch)详细介绍(给你的网页加速)
2014/05/07 HTML / CSS
澳大利亚玩具剧场:Toy Playhouse
2019/03/03 全球购物
中学运动会广播稿
2014/01/19 职场文书
九年级体育教学反思
2014/01/23 职场文书
后备干部培训方案
2014/05/22 职场文书
工业设计专业自荐书
2014/06/05 职场文书
信仰心得体会
2014/09/05 职场文书
党员检讨书
2014/10/13 职场文书
2014年协会工作总结
2014/11/22 职场文书
个人工作表现自我评价
2015/03/06 职场文书
工作态度检讨书范文
2015/05/06 职场文书
SQL Server连接查询的实用教程
2021/04/07 SQL Server
微信小程序中使用vant框架的具体步骤
2022/02/18 Javascript