在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 相关文章推荐
完美解决JS中汉字显示乱码问题(已解决)
Dec 27 Javascript
javascript 按回车键相应按钮提交事件
Nov 02 Javascript
jQuery.Autocomplete实现自动完成功能(详解)
Jul 13 Javascript
处理文本部分内容的TextRange对象应用实例
Jul 29 Javascript
JavaScript获取表单内所有元素值的方法
Apr 02 Javascript
jQuery中 prop() attr()使用详解
May 19 Javascript
利用jQuery实现打字机字幕效果实例代码
Sep 02 Javascript
老生常谈javascript变量的命名规范和注释
Sep 29 Javascript
对angularJs中$sce服务安全显示html文本的实例
Sep 30 Javascript
Vue.js样式动态绑定实现小结
Jan 24 Javascript
Vue中多元素过渡特效的解决方案
Feb 05 Javascript
Openlayers测量距离与面积的实现方法
Sep 25 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页面间传递参数实例代码
2008/06/05 PHP
浅析PHP文件下载原理
2014/12/25 PHP
javascript 文章截取部分无损html显示实现代码
2010/05/04 Javascript
使用jQuery的attr方法来修改onclick值
2014/07/07 Javascript
禁用页面部分JavaScript不是全部而是部分
2014/09/03 Javascript
前端必备神器 Snap.svg 弹动效果
2014/11/10 Javascript
js实现瀑布流的三种方式比较
2020/06/28 Javascript
jQuery插件JWPlayer视频播放器用法实例分析
2017/01/11 Javascript
详解Node.js项目APM监控之New Relic
2017/05/12 Javascript
vue.js2.0点击获取自己的属性和jquery方法
2018/02/23 jQuery
关于React动态加载路由处理的相关问题
2019/01/07 Javascript
手把手带你搭建一个node cli的方法示例
2020/08/07 Javascript
Python MD5加密实例详解
2017/08/02 Python
Python编程求质数实例代码
2018/01/31 Python
基于Django用户认证系统详解
2018/02/21 Python
python调用tcpdump抓包过滤的方法
2018/07/18 Python
浅谈python3.6的tkinter运行问题
2019/02/22 Python
如何安装2019Pycharm最新版本(详细教程)
2019/09/26 Python
python文件读取失败怎么处理
2020/06/23 Python
pytorch SENet实现案例
2020/06/24 Python
TensorFlow Autodiff自动微分详解
2020/07/06 Python
python cookie反爬处理的实现
2020/11/01 Python
html5小程序飞入购物车(抛物线绘制运动轨迹点)
2020/10/19 HTML / CSS
乌克兰鞋类购物网站:Eobuv.com.ua
2020/11/28 全球购物
我们没有写servlet的构造方法,那么容器是怎么创建servlet的实例呢
2013/04/24 面试题
北大青鸟学生求职信
2013/09/24 职场文书
升职自荐信范文
2013/10/05 职场文书
应聘护士自荐信
2013/10/21 职场文书
表彰会主持词
2014/03/26 职场文书
三方股份合作协议书
2014/10/13 职场文书
听证会主持词
2015/07/03 职场文书
我爱我班主题班会
2015/08/13 职场文书
html输入两个数实现加减乘除功能
2021/07/01 HTML / CSS
上个世纪50年代的可穿戴技术:无线电帽子
2022/02/18 无线电
TV动画《八十龟酱观察日记》第四季宣传PV公布
2022/04/06 日漫
vue里使用create, mounted调用方法
2022/04/26 Vue.js