在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插件制作 自增长输入框实现代码
Aug 17 jQuery
jQuery ajax serialize()方法的使用以及常见问题解决
Jan 27 Javascript
Js中setTimeout()和setInterval() 何时被调用执行的用法
Apr 12 Javascript
JavaScript字符串常用类使用方法汇总
Apr 14 Javascript
Javascript实现网络监测的方法
Jul 31 Javascript
JS+CSS实现下拉列表框美化效果(3款)
Aug 15 Javascript
自定义刻度jQuery进度条及插件
Sep 02 Javascript
javascript图片切换综合实例(循环切换、顺序切换)
Jan 13 Javascript
jquery树形菜单效果的简单实例
Jun 06 Javascript
微信小程序商品详情页规格属性选择示例代码
Oct 30 Javascript
VueAwesomeSwiper在VUE中的使用以及遇到的一些问题
Jan 11 Javascript
jQuery实现获取当前鼠标位置并输出功能示例
Jan 05 jQuery
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
Zend Framework教程之视图组件Zend_View用法详解
2016/03/05 PHP
PHP时间日期增减操作示例【date strtotime实现加一天、加一月等操作】
2018/12/21 PHP
实例分析10个PHP常见安全问题
2019/07/09 PHP
PHP开启目录引索+fancyindex漂亮目录浏览带搜索功能
2019/09/23 PHP
JQuery 学习笔记 选择器之六
2009/07/23 Javascript
判断用户的在线状态 onbeforeunload事件
2011/03/05 Javascript
javascript中call,apply,bind的用法对比分析
2015/02/12 Javascript
浅谈setTimeout 与 setInterval
2015/06/23 Javascript
jquery判断当前浏览器的实现代码
2015/11/07 Javascript
Angular实现form自动布局
2016/01/28 Javascript
JavaScript操作class和style样式代码详解
2016/02/13 Javascript
request请求获取参数的实现方法(post和get两种方式)
2016/09/27 Javascript
Bootstrap导航条的使用和理解3
2016/12/14 Javascript
Node.js搭建小程序后台服务
2018/01/03 Javascript
node实现登录图片验证码的示例代码
2018/04/20 Javascript
JS使用iView的Dropdown实现一个右键菜单
2019/05/06 Javascript
es6中使用map简化复杂条件判断操作实例详解
2020/02/19 Javascript
Django学习笔记之Class-Based-View
2017/02/15 Python
Python基于回溯法子集树模板实现8皇后问题
2017/09/01 Python
python+django加载静态网页模板解析
2017/12/12 Python
python ddt实现数据驱动
2018/03/14 Python
python使用RNN实现文本分类
2018/05/24 Python
对python中UDP,socket的使用详解
2019/08/22 Python
python读取word 中指定位置的表格及表格数据
2019/10/23 Python
Pytorch之finetune使用详解
2020/01/18 Python
Python自动重新加载模块详解(autoreload module)
2020/04/01 Python
如何学习Python time模块
2020/06/03 Python
HTML5开发动态音频图的实现
2020/07/02 HTML / CSS
俄罗斯汽车零件和配件在线商店:CarvilleShop
2019/11/29 全球购物
linux面试题参考答案(11)
2012/05/01 面试题
《陈涉世家》教学反思
2014/04/12 职场文书
2014标准社保办理委托书
2014/10/06 职场文书
婚前财产协议书范本
2014/10/19 职场文书
肖申克救赎观后感
2015/06/02 职场文书
酒吧七夕情人节宣传语
2015/11/24 职场文书
员工工作失职检讨书范文!
2019/07/03 职场文书