解决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的内存泄漏
Mar 04 Javascript
基于jquery的Repeater实现代码
Jul 17 Javascript
Javascript创建自定义对象 创建Object实例添加属性和方法
Jun 04 Javascript
JS基于面向对象实现的拖拽库实例
Sep 24 Javascript
谈谈JavaScript自定义回调函数
Oct 18 Javascript
Node.js的MongoDB驱动Mongoose基本使用教程
Mar 01 Javascript
jQuery实现邮箱下拉列表自动补全功能
Sep 08 Javascript
jQuery实现文字自动横移
Jan 08 Javascript
详解Angular 4.x NgIf 的用法
May 22 Javascript
Vue 中文本内容超出规定行数后展开收起的处理的实现方法
Apr 28 Javascript
jQuery实现的点击显示隐藏下拉菜单功能完整示例
May 17 jQuery
Webpack 4如何动态切割JS注入文件名详解
Jul 09 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学习之php4与php5之间会穿梭一点点感悟
2007/05/03 PHP
php 解决旧系统 查出所有数据分页的类
2012/08/27 PHP
php 获取本地IP代码
2013/06/23 PHP
PHP获取网站中各文章的第一张图片的代码示例
2016/05/20 PHP
PHP中递归的实现实例详解
2017/11/14 PHP
php使用imagecopymerge()函数创建半透明水印
2018/01/25 PHP
PHP预定义超全局数组变量小结
2018/08/20 PHP
filters.revealTrans.Transition使用方法小结
2010/08/19 Javascript
Javascript基础知识(三)BOM,DOM总结
2014/09/29 Javascript
jQuery中:nth-child选择器用法实例
2014/12/31 Javascript
简述Jquery与DOM对象
2015/07/10 Javascript
javascript冒泡排序小结
2016/04/10 Javascript
JS上传组件FileUpload自定义模板的使用方法
2016/05/10 Javascript
AngularJs Injecting Services Into Controllers详解
2016/09/02 Javascript
Jquery Easyui分割按钮组件SplitButton使用详解(17)
2016/12/18 Javascript
微信小程序 页面跳转传递值几种方法详解
2017/01/12 Javascript
js实现带三角符的手风琴效果
2017/03/01 Javascript
原生JS上传大文件显示进度条 php上传文件代码
2020/03/27 Javascript
JS实现的计数排序与基数排序算法示例
2017/12/04 Javascript
解决vue处理axios post请求传参的问题
2018/03/05 Javascript
Vue实现回到顶部和底部动画效果
2019/07/31 Javascript
解决在Vue中使用axios用form表单出现的问题
2019/10/30 Javascript
vue实现输入一位数字转汉字功能
2019/12/13 Javascript
用Python计算三角函数之acos()方法的使用
2015/05/15 Python
Python中线程的MQ消息队列实现以及消息队列的优点解析
2016/06/29 Python
Python解决抛小球问题 求小球下落经历的距离之和示例
2018/02/01 Python
使用python的turtle函数绘制一个滑稽表情
2020/02/28 Python
Python函数参数分类原理详解
2020/05/28 Python
Django修改app名称和数据表迁移方案实现
2020/09/17 Python
HTML5在手机端实现视频全屏展示方法
2020/11/23 HTML / CSS
手机业务员岗位职责
2013/12/13 职场文书
工伤事故处理协议书怎么写
2014/10/15 职场文书
团代会开幕词
2015/01/28 职场文书
办公室文员岗位职责
2015/02/04 职场文书
python中的plt.cm.Paired用法说明
2021/05/31 Python
Windows Server 2016 配置 IIS 的详细步骤
2022/04/28 Servers