在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 相关文章推荐
对jQuery的事件绑定的一些思考(补充)
Apr 20 Javascript
判断输入是否为空,获得输入类型的JS代码
Oct 30 Javascript
常用的JS验证和函数汇总
Dec 23 Javascript
jQuery实现仿美橙互联两级导航菜单的方法
Mar 09 Javascript
js运动应用实例解析
Dec 28 Javascript
JS三级可折叠菜单实现方法
Feb 29 Javascript
如何使用Bootstrap的modal组件自定义alert,confirm和modal对话框
Mar 01 Javascript
JavaScript递归函数解“汉诺塔”算法代码解析
Jul 05 Javascript
在Vue-cli里应用Vuex的state和mutations方法
Sep 16 Javascript
Angular value与ngValue区别详解
Nov 27 Javascript
微信小程序实现点击生成随机验证码
Sep 09 Javascript
js实现简易计算器小功能
Nov 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自定义函数实现统计中文字符串长度的方法小结
2017/04/15 PHP
PHP错误处理函数register_shutdown_function使用示例
2017/07/03 PHP
js的with语句使用方法
2007/09/21 Javascript
javascript中解析四则运算表达式的算法和示例
2014/08/11 Javascript
JavaScript中的原型prototype属性使用详解
2015/06/05 Javascript
JQuery包裹DOM节点的方法
2015/06/11 Javascript
基于jquery实现一个滚动的分步注册向导-附源码
2015/08/26 Javascript
JS中的二叉树遍历详解
2016/03/18 Javascript
利用JavaScript阻止表单提交的两种方法
2016/08/11 Javascript
javascript简单实现跟随滚动条漂浮的返回顶部按钮效果
2016/08/19 Javascript
vue从使用到源码实现教程详解
2016/09/19 Javascript
js日期相关函数dateAdd,dateDiff,dateFormat等介绍
2016/09/24 Javascript
JavaScript基于对象去除数组重复项的方法
2016/10/09 Javascript
jQuery实现的checkbox级联选择下拉菜单效果示例
2016/12/26 Javascript
nodejs body-parser 解析post数据实例
2017/07/26 NodeJs
详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)
2018/07/24 Javascript
layuiAdmin循环遍历展示商品图片列表的方法
2019/09/16 Javascript
微信小程序自定义导航栏(模板化)
2019/11/15 Javascript
WEB前端性能优化的7大手段详解
2020/02/04 Javascript
Vue使用路由钩子拦截器beforeEach和afterEach监听路由
2020/11/16 Javascript
[02:17]DOTA2亚洲邀请赛 RAVE战队出场宣传片
2015/02/07 DOTA
[04:50]2019DOTA2高校联赛秋季赛四强集锦
2019/12/27 DOTA
Python线程threading模块用法详解
2020/02/26 Python
Django media static外部访问Django中的图片设置教程
2020/04/07 Python
Python的collections模块真的很好用
2021/03/01 Python
JYSK加拿大:购买家具、床垫、家居装饰等
2020/02/14 全球购物
The North Face意大利官网:服装、背包和鞋子
2020/06/17 全球购物
RealTek面试题
2016/06/28 面试题
遇到的Mysql的面试题
2014/06/29 面试题
J2EE中的容器都包括哪些
2013/08/21 面试题
工商管理实习自我鉴定
2013/09/28 职场文书
电脑租赁公司创业计划书
2014/01/08 职场文书
2015年大学组织委员个人工作总结
2015/10/23 职场文书
JavaScript+HTML实现学生信息管理系统
2021/04/20 Javascript
redis通过6379端口无法连接服务器(redis-server.exe闪退)
2021/05/08 Redis
MySQL系列之三 基础篇
2021/07/02 MySQL