解决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
Jquery attr("checked") 返回checked或undefined 获取选中失效
Oct 10 Javascript
浅谈$('div a') 与$('div>a')的区别
Jul 18 Javascript
JavaScript lodash常见用法系列小结
Aug 24 Javascript
jquery 追加元素append、prepend、before、after用法与区别分析
Dec 02 Javascript
JavaScript实现的仿新浪微博原生态输入字数即时检查功能【兼容IE6】
Sep 26 Javascript
原生js的ajax和解决跨域的jsonp(实例讲解)
Oct 16 Javascript
PHP自动加载autoload和命名空间的应用小结
Dec 01 Javascript
微信小程序radio组件使用详解
Jan 31 Javascript
微信小程序实现省市区三级地址选择
Jun 21 Javascript
用Fundebug插件记录网络请求异常的方法
Feb 21 Javascript
解决Layui当中的导航条动态添加后渲染失败的问题
Sep 25 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 图片加水印与上传图片加水印php类
2010/05/12 PHP
PHP实现采集中国天气网未来7天天气
2014/10/15 PHP
thinkphp中字符截取函数msubstr()用法分析
2016/01/09 PHP
多广告投放代码 推荐
2006/11/13 Javascript
wordpress之js库集合研究介绍
2007/08/17 Javascript
获取URL地址中的文件名和参数的javascript代码
2009/09/02 Javascript
jQuery页面图片伴随滚动条逐渐显示的小例子
2013/03/21 Javascript
HTML5之lang属性与dir属性的详解
2013/06/19 Javascript
js实现checkbox全选和反选示例
2014/05/01 Javascript
解决html按钮切换绑定不同函数后点击时执行多次函数问题
2014/05/14 Javascript
javascript实现带下拉子菜单的导航菜单效果
2015/05/14 Javascript
AngularJs bootstrap搭载前台框架——js控制部分
2016/09/01 Javascript
JavaScript表单验证的两种实现方法
2017/02/11 Javascript
使用vue和datatables进行表格的服务器端分页实例代码
2017/06/07 Javascript
详解tween.js 中文使用指南
2018/01/05 Javascript
Vue入门之animate过渡动画效果
2018/04/08 Javascript
Node.js的进程管理的深入理解
2019/01/09 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
2019/07/19 Javascript
webpack优化之代码分割与公共代码提取详解
2019/11/22 Javascript
Vue extend的基本用法(实例详解)
2019/12/09 Javascript
Python getopt模块处理命令行选项实例
2014/05/13 Python
用Python编写一个国际象棋AI程序
2014/11/28 Python
python解决Fedora解压zip时中文乱码的方法
2016/09/18 Python
Python3 Random模块代码详解
2017/12/04 Python
人脸识别经典算法一 特征脸方法(Eigenface)
2018/03/13 Python
Django添加sitemap的方法示例
2018/08/06 Python
python多任务之协程的使用详解
2019/08/26 Python
深入研究HTML5实现图片压缩上传功能
2016/03/25 HTML / CSS
巴西图书和电子产品购物网站:Saraiva
2017/06/07 全球购物
linux面试相关问题
2012/08/11 面试题
自我鉴定三原则
2014/01/13 职场文书
小学毕业感言500字
2014/02/28 职场文书
个人查摆问题自查报告
2014/10/16 职场文书
任命书格式范文
2015/09/22 职场文书
nginx location优先级的深入讲解
2021/03/31 Servers
Java 泛型详解(超详细的java泛型方法解析)
2021/07/02 Java/Android