在layui中layer弹出层点击事件无效的解决方法


Posted in Javascript onSeptember 05, 2019

1、click只能为页面现有的元素绑定点击事件,如果是动态生成的新的元素,是没有事 件的

2、而(document).on(“click”,”指定的元素”,function());

方法则是将指定的事件绑定在document上,而新产生的元素如果符合指定的元素,那就触发此事件不起作用:(document).on(“click”,”指定的元素”,function());

方法则是将指定的事件绑定在document上,而新产生的元素如果符合指定的元素,那就触发此事件不起作用:

(‘#test').on(‘click', function() { layer.msg(‘响应点击事件'); });

起作用了:

$(document).on(‘click', ‘#test', function() { 
layer.msg(‘响应点击事件'); 
});

以上这篇在layui中layer弹出层点击事件无效的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
IE和Mozilla的兼容性汇总event
Aug 12 Javascript
JavaScript 高效运行代码分析
Mar 18 Javascript
使用javascipt---实现二分查找法
Apr 10 Javascript
jQuery中事件对象e的事件冒泡用法示例介绍
Apr 25 Javascript
JavaScript实现Iterator模式实例分析
Jun 09 Javascript
JS+CSS实现TreeMenu二级树形菜单完整实例
Sep 18 Javascript
jQuery实现的自适应焦点图效果完整实例
Aug 24 Javascript
移动端点击图片放大特效PhotoSwipe.js插件实现
Aug 25 Javascript
利用jQuery实现打字机字幕效果实例代码
Sep 02 Javascript
老生常谈的跨域处理
Jan 11 Javascript
JavaScript之DOM插入更新删除_动力节点Java学院整理
Jul 03 Javascript
vue动态设置img的src路径实例
Sep 18 Javascript
layer.open弹层查看缩略图的原图,自适应大小的实例
Sep 05 #Javascript
JavaScript基础之this和箭头函数详析
Sep 05 #Javascript
layer.js open 隐藏滚动条的例子
Sep 05 #Javascript
Layui数据表格跳转到指定页的实现方法
Sep 05 #Javascript
使用easyui从servlet传递json数据到前端页面的两种方法
Sep 05 #Javascript
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
Sep 05 #Javascript
利用d3.js制作连线动画图与编辑器的方法实例
Sep 05 #Javascript
You might like
十天学会php之第八天
2006/10/09 PHP
php获取bing每日壁纸示例分享
2014/02/25 PHP
PHP7.0版本备注
2015/07/23 PHP
php.ini中date.timezone设置详解
2016/11/20 PHP
PHP实现基本留言板功能原理与步骤详解
2020/03/26 PHP
js 操作符实例代码
2009/10/24 Javascript
可在线编辑网页文字效果代码(单击)
2013/03/02 Javascript
JS判断文本框内容改变事件的简单实例
2014/03/07 Javascript
javascript中字符串拼接详解
2014/09/26 Javascript
jQuery获得指定元素坐标的方法
2015/04/14 Javascript
JavaScript实现的圆形浮动标签云效果实例
2015/08/06 Javascript
javascript实现九宫格相加数值相等
2020/05/28 Javascript
文本框只能输入数字的实现方法(兼容IE火狐)
2016/06/25 Javascript
原生JavaScript制作计算器
2016/10/16 Javascript
Bootstrap基本插件学习笔记之折叠(22)
2016/12/08 Javascript
nodejs实现发出蜂鸣声音(系统报警声)的方法
2017/01/18 NodeJs
Vuex之理解Mutations的用法实例
2017/04/19 Javascript
BootStrap 表单控件之单选按钮水平排列
2017/05/23 Javascript
jquery实现左右轮播切换效果
2018/01/01 jQuery
微信小程序js文件改变参数并在视图上及时更新【推荐】
2018/06/11 Javascript
JavaScript解决浮点数计算不准确问题的方法分析
2018/07/09 Javascript
5分钟学会Vue动画效果(小结)
2018/07/21 Javascript
使用Vue.set()方法实现响应式修改数组数据步骤
2019/11/09 Javascript
python计算圆周长、面积、球体体积并画出圆
2014/04/08 Python
Jupyter notebook运行Spark+Scala教程
2020/04/10 Python
澳大利亚在线生活方式商店:Mytopia
2018/07/08 全球购物
Tahari ASL官方网站:高级设计师女装
2021/03/15 全球购物
超市营业员岗位职责
2013/12/20 职场文书
军训自我鉴定范文
2014/02/13 职场文书
献爱心标语
2014/06/21 职场文书
房产电话营销开场白
2015/05/29 职场文书
消费者投诉书范文
2015/07/02 职场文书
个人自我鉴定怎么写?
2019/07/01 职场文书
创业计划书之儿童理发店
2019/09/27 职场文书
Laravel中获取IP的真实地理位置
2021/04/01 PHP
CSS3 制作的悬停缩放特效
2021/04/13 HTML / CSS