解决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 广告后加载,加载完页面再加载广告
Nov 25 Javascript
JQuery中getJSON的使用方法
Dec 13 Javascript
Javascript中定义方法的另类写法(批量定义js对象的方法)
Feb 25 Javascript
Jquery 的outerHeight方法使用介绍
Sep 11 Javascript
jQuery动态改变图片显示大小(修改版)的实现思路及代码
Dec 24 Javascript
js实现禁止中文输入的方法
Jan 14 Javascript
JS实现的验证身份证及获取地区功能示例
Jan 16 Javascript
微信小程序侧边栏滑动特效(左右滑动)
Jan 23 Javascript
JQuery 进入页面默认给已赋值的复选框打钩
Mar 23 jQuery
浅谈react前后端同构渲染
Sep 20 Javascript
基于JavaScript实现报警器提示音效果
Oct 27 Javascript
详解vue中axios的使用与封装
Mar 20 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几种字符串连接的效率比较(详解)
2017/02/22 PHP
Laravel框架基于中间件实现禁止未登录用户访问页面功能示例
2019/01/17 PHP
thinkphp5 + ajax 使用formdata提交数据(包括文件上传) 后台返回json完整实例
2020/03/02 PHP
ImageFlow可鼠标控制图片滚动
2008/01/30 Javascript
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
2011/05/24 Javascript
jquery获取URL中参数解决中文乱码问题的两种方法
2013/12/18 Javascript
简单的js图片轮换代码(js图片轮播)
2014/05/06 Javascript
jquery实现简单的二级导航下拉菜单效果
2015/09/07 Javascript
轻松掌握JavaScript装饰者模式
2016/08/27 Javascript
微信小程序 轮播图swiper详解及实例(源码下载)
2017/01/11 Javascript
ES6 Promise对象概念与用法分析
2017/04/01 Javascript
详解tween.js的使用教程
2017/09/14 Javascript
NodeJS服务器实现gzip压缩的示例代码
2018/10/12 NodeJs
vue+echarts实现动态绘制图表及异步加载数据的方法
2018/10/17 Javascript
微信小程序外卖选购页实现切换分类与数量加减功能案例
2019/01/15 Javascript
nodejs中实现用户注册路由功能
2019/05/20 NodeJs
JS如何把字符串转换成json
2020/02/21 Javascript
viewer.js实现图片预览功能
2020/06/24 Javascript
python中sets模块的用法实例
2014/09/30 Python
深入解析Python中的WSGI接口
2015/05/11 Python
Python实现的概率分布运算操作示例
2017/08/14 Python
Python 比较文本相似性的方法(difflib,Levenshtein)
2018/10/15 Python
python 获取url中的参数列表实例
2018/12/18 Python
python占位符输入方式实例
2019/05/27 Python
解决Jupyter notebook中.py与.ipynb文件的import问题
2020/04/21 Python
浅谈Python3多线程之间的执行顺序问题
2020/05/02 Python
.NET程序员的数据库面试题
2012/10/10 面试题
门卫岗位职责
2013/11/15 职场文书
优秀英语专业毕业生求职信
2013/11/23 职场文书
酒店副总岗位职责
2013/12/24 职场文书
工厂仓管员岗位职责
2014/01/01 职场文书
年会邀请函范文
2015/01/30 职场文书
2017寒假社会实践心得体会范文
2016/01/14 职场文书
Mysql中存储引擎的区别及比较
2021/06/04 MySQL
基于Python实现对比Exce的工具
2022/04/07 Python
Go本地测试解耦任务拆解及沟通详解Go本地测试的思路沟通的重要性总结
2022/06/21 Golang