在layui中layer弹出层点击事件无效的解决方法
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弹出层点击事件无效的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
解决Layui中layer报错的问题
问题描述: Uncaught ReferenceError: layer is not defined 解决方法,查看网上说名,是非独立版导致直接使用layer导致,只需要在使用时加一说明,申明一下使用. layui.use(['element','layer'], function(){ var element = layui.element,layer=layui.layer; //一些事件监听 element.on('nav(topBarNav)', function(data){ con
-
layer.open 按钮的点击事件关闭方法
如下所示: layer.open({ content: dat, btn: ['确定'], yes: function(index, layero){ //事件 layer.close(indxex); } }); 以上这篇layer.open 按钮的点击事件关闭方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
-
layer弹出层父子页面事件相互调用方法
// 父页面 <body> <a data-url="bbbb.html" id="parentIframe">小小提示层</a> <input id="shuzhi" /> <button class="but_par">父页面</button> </body> <script src="../jquery-1.9.1.min
-
Layer弹出层动态获取数据的方法
前一阵子做了一个简单的小项目,用到了Layer弹出层(弹出层的用法就不多加赘述了,官网上都有详细的介绍,这里附上网址http://layer.layui.com/),当时前后台合页面的时候就出现了一个问题,弹出层总是获取不到数据,不过后面还是和同学们一起解决了,希望能帮助到大家. 之前的代码: <a id="func11" onclick="func11();">点击查看</a> function func11() { console.log
-
在layui中layer弹出层点击事件无效的解决方法
1.click只能为页面现有的元素绑定点击事件,如果是动态生成的新的元素,是没有事 件的 2.而(document).on("click","指定的元素",function()); 方法则是将指定的事件绑定在document上,而新产生的元素如果符合指定的元素,那就触发此事件不起作用:(document).on("click","指定的元素",function()); 方法则是将指定的事件绑定在document上,而新产生的元
-
SSM框架JSP使用Layui实现layer弹出层效果
最近做的系统里,使用layui当作前端的框架,就是用了layui自带的layer弹出层,效果图如下. 首先,导入layui需要的css,js文件,这个就不需要多说了.但是有关键的一步必须要做,也是许多新手会常犯的错误,就是没有预定义layui的form和layer,导致表单和弹出层不显示. 下面是layui的预定义. layui.use(['jquery', 'table', 'layer', 'form'], function() { // 加载layui模块,使用其推荐的[预先加载]方式,详
-
在layer弹出层中通过ajax返回html拼接字符串填充数据的方法
1,在给一个layer弹出层做checkbox自动选中时,ViewBag传递的时object类型,用不了lambda表达式,代码如下, @foreach (var perm in ViewBag.allPerms) { <input type="checkbox" id="permissionIds_@perm.Id" name="PermissionIds" value="@perm.Id" checked="
-
详解Layer弹出层样式
前言:学习layer弹出框,之前项目是用bootstrap模态框,后来改用layer弹出框,在文章的后面,我会分享项目的一些代码(我自己写的). layer至今仍作为layui的代表作,她的受众广泛并非偶然,而是这五年多的坚持,不断完善和维护.不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力.目前,layer已成为国内最多人使用的web弹层组件,GitHub自然Stars3000+,官网累计下载量达30w+,大概有20万Web平台正在使用layer. 具体请
-
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
一.Layer简介 Layer是一款近年来备受青睐的web弹层组件,基于jquery,易用.实用,兼容包括IE6在内的所有主流浏览器,拥有丰富强大的可自定义的功能. Layer官网地址:http://layer.layui.com/ 二.多个iframe弹出层(非嵌套) 1.打开iframe弹出层js代码 (1)示例一: layer.open({ type: 2, title: 'layer mobile页', shadeClose: true, shade: 0.8, area: ['380p
-
jQuery使用Layer弹出层插件闪退问题
一.前言 巨坑,基础没学好,导致找了一个下午的问题,终于被我发现了.说多都是泪,记录下来,以后有人遇到这个错误可以参考下 做项目期间做了几个页面,需要用到弹出层,为了方便使用到了Layer的插件,然后写点击事件在form表单中(第一个坑),接着,又使用button按钮(悲剧的开始),同样放在form表单下.想要的效果就是当我点击按钮的时候,就弹出层.(悲剧) 好了,巨坑开始,一开始页面打好之后,就放到SSM框架中,出现的问题一开始就是404地址找不到,使用绝对定位不行,浏览器报的错误一直是错误的
-
layer弹出层自定义提交取消按钮的例子
首先从js开始 /** * 检查是否选中 */ Sendandre.check = function () { var selected = $('#' + this.id).bootstrapTable('getSelections'); if (selected.length === 0) { Feng.info("请先选中表格中的某一记录!"); return false; } else { Sendandre.seItem = selected[0]; console.log(
-
浅谈layer弹出层按钮颜色修改方法
layer弹出层有多种格式的弹出,使用方法也不细述. 在弹出确认框可使用confirm或open方式 在open中 layer.open({ content: '确认提交?', btn: ["确认", "取消"], yes: function (index) { somefunciton... layer.close(index) }, btn2: function (index) { } }); layer中确认按钮在第一个位置,展示也是按顺序展示 如果和自己项目
随机推荐
- Shell脚本的条件控制和循环语句
- dos中RD命令递归删除目录的代码
- jQuery UI 实例讲解 - 日期选择器(Datepicker)
- JS组件Bootstrap实现弹出框和提示框效果代码
- 微博@符号的用户名提示效果。(想@到谁?)
- js实现手机发送验证码功能
- 精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
- Javascript中的apply()方法浅析
- Firefox下提示illegal character并出现乱码的原因
- Nginx隐藏index.php和Pathinfo模式配置例子
- 原生js实现回复评论功能
- Java读取图片EXIF信息的方法
- C#中的try catch finally用法分析
- Linux 环境变量详解及实例
- js监听鼠标事件控制textarea输入字符串的个数
- Android 修改系统关机动画的实现
- Android Zxing二维码扫描图片拉伸的解决方法
- java多线程消息队列的实现代码
- C#调用Python模块的方法
- C#难点逐个击破(5):类的访问类型