解决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操作xml
Nov 04 Javascript
js cookies实现简单统计访问次数
Nov 24 Javascript
html a标签-超链接中confirm方法使用介绍
Jan 04 Javascript
JS创建自定义表格具体实现
Feb 11 Javascript
使用js实现的简单拖拽效果
Mar 18 Javascript
jQuery基于扩展实现的倒计时效果
May 14 Javascript
Vue表单实例代码
Sep 05 Javascript
AngularJS 过滤与排序详解及实例代码
Sep 14 Javascript
JS实现字符串翻转的方法分析
Aug 31 Javascript
vue实现按需加载组件及异步组件功能
May 27 Javascript
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
Sep 27 Javascript
JavaScript Window窗口对象属性和使用方法
Jan 19 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
从零开始的异世界生活:第二季延期后,B站上架了第二部剧场版
2020/05/06 日漫
PHPMyAdmin 快速配置方法
2009/05/11 PHP
fetchAll()与mysql_fetch_array()的区别详解
2013/06/05 PHP
PHP版 汉字转码的实现详解
2013/06/09 PHP
ThinkPHP3.2.1图片验证码实现方法
2016/08/19 PHP
Yii2框架加载css和js文件的方法分析
2019/05/25 PHP
PHP反射学习入门示例
2019/06/14 PHP
JavaScript创建一个欢迎cookie弹出窗实现代码
2013/03/15 Javascript
javascript检测对象中是否存在某个属性判断方法小结
2013/05/19 Javascript
jquery实现输入框动态增减的实例代码
2013/07/14 Javascript
jQuery控制网页打印指定区域的方法
2015/04/07 Javascript
使用 stylelint检查CSS_StyleLint
2016/04/28 Javascript
使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析
2018/01/16 Javascript
mpvue将vue项目转换为小程序
2018/09/30 Javascript
[10:54]Team Spirit vs Navi
2018/06/07 DOTA
极简的Python入门指引
2015/04/01 Python
简单的Python的curses库使用教程
2015/04/11 Python
python 输出上个月的月末日期实例
2018/04/11 Python
浅谈django rest jwt vue 跨域问题
2018/10/26 Python
python日志模块logbook使用方法
2019/09/19 Python
Python super()方法原理详解
2020/03/31 Python
基于CSS3实现的漂亮Menu菜单效果代码
2015/09/10 HTML / CSS
利用CSS3制作简单的3d半透明立方体图片展示
2017/03/25 HTML / CSS
医学生自我鉴定范文
2013/11/08 职场文书
电钳专业个人求职信
2014/01/04 职场文书
大学生通用个人自我评价
2014/04/27 职场文书
给市场的环保建议书
2014/05/14 职场文书
大学专科求职信
2014/07/02 职场文书
高三英语教学计划
2015/01/23 职场文书
通知书大全
2015/04/27 职场文书
2015年大学宣传部工作总结
2015/05/26 职场文书
《抽屉原理》教学反思
2016/02/20 职场文书
公司年会主持词范文!
2019/05/07 职场文书
六年级作文之关于梦
2019/10/22 职场文书
MySQL数据库事务的四大特性
2022/04/20 MySQL
Centos7 Shell编程之正则表达式、文本处理工具详解
2022/08/05 Servers