默认tips层几秒后自动关闭。请问如何实现类似页面层时，点击页面层外部遮罩手动关闭的效果？
下面我加了time: 20000
时间控制在20秒后自动关闭，但是显得比较呆板，不如用户手动点击关闭来的灵活。
// 注释
$('#1').on('click', function(){
layer.tips('八表：八方以外极远的地方。泛指天地之间。', '#1', {
tips: [1, '#ffcc99'],
time: 20000
});
});
-
解决layer.confirm选择完之后消息框不消失的问题
2020-10-16 09:49:25今天小编就为大家分享一篇解决layer.confirm选择完之后消息框不消失的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧 -
layer 限定时间消失
2018-03-06 11:17:00默认tips层几秒后自动关闭。请问如何实现类似页面层时，点击页面层外部遮罩手动关闭的... // 注释$('#1').on('click', function(){ layer.tips('八表：八方以外极远的地方。泛指天地之间。', '#1', { tips: [1, '...展开全文转载于:https://www.cnblogs.com/pansidong/p/8513303.html
-
【layui小技巧】layer使用layer.msg方法时如何让用户点击遮罩层就关闭消息框？layer.msg点击消失
2020-05-10 00:29:27不过我最近在使用它的layer.msg方法时发生个问题，这个方法默认是3秒钟就消失，可是我不想让它自动消失，而是在用户点击消息框外的地方才消失，那该怎么办呢？ 研究了下它的方法，发现可以通过传入参数time:0来设置...展开全文layer是一个非常受欢迎的组件，好多大站都在使用，用它来弹出消息框既美观又方便。不过我最近在使用它的layer.msg方法时发生个问题，这个方法默认是3秒钟就消失，可是我不想让它自动消失，而是在用户点击消息框外的地方才消失，那该怎么办呢？
研究了下它的方法，发现可以通过传入参数time:0来设置不消失。即：
layer.msg("点击其他任意地方可关闭此对话框",{shade: 0.2,time:0});这样的话确实是不消失了，可是用户无论点击那里它也不消失，这样可不行呀。于是又研究了下，原来这个方法可以返回一个对象，然后这个对象有个close方法。这样子，我们给遮罩层绑定个时间，在用户点击它的时候调用close方法即可。
通过查看遮罩层的元素发现它的class是layui-layer-shade，这样子我们编写下面代码解决：
$(document).on("click",".layui-layer-shade",function(){ layer.close(myMsg); });不得不说layer真是强大，layui的其他组件也很强大，它提供了各种方法，你需要做的是根据需求动脑筋把它们像搭积木一样拼起来。
最后附上完整代码：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"> <script src="http://cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script> <script type="text/javascript" src="js/layer/layer.js"></script> <title>测试</title> </head> <style></style> <body> </body> <script> var myMsg; myMsg=layer.msg("点击其他任意地方可关闭此对话框",{shade: 0.2,time:0}); $(document).on("click",".layui-layer-shade",function(){ layer.close(myMsg); }); </script> </html>
-
解决layer.prompt无效的问题
2020-12-13 13:11:58使用H-UI框架中的layer弹出层时发现 layer.js中没有layer.prompt，如果想要使用layer.prompt可以使用layer中的use从扩展中加载此扩展方法 代码如下： layer.use('extend/layer.ext.js', function(){ layer.ext = ... -
layer open弹层 页面层 laydate 日期控件点击一闪消失的解决方法
2020-11-29 18:41:43父页面定义弹层内容不能用如下这种方式： <div class="layui-row" id="test" style="display: none;"> 应该使用以下方式 <script type="text/html" id="test"> 网上还有几种说法： 删除：l.展开全文bug症状：点击选择日期，弹出的框会一闪而逝，但是窗口切换回来自己又出来了。参考网上的说法添加trigger: ‘click’ 直接没任何反应了。
如果你的现象跟我的一样，那么解决方案如下：
父页面定义弹层内容不能用如下这种方式：
<div class="layui-row" id="test" style="display: none;">应该使用以下方式
<script type="text/html" id="test">效果如下：
网上还有几种说法：
删除：lay-key解决问题
添加：trigger: ‘click’ 属性解决问题
我遇到的则都不是。加了trigger: ‘click’ 属性后连一闪的机会都没有了。直接完全无任何反应。
另外说一下：
之前layer.open 都是用的type: 2，也就是iframe层，正常的一批，但是遇到一个问题，就是iframe弹层必须要单独的html文件。前后端分离的系统。当编辑或新增用户的时候。iframe层创建成功后必须要异步ajax请求各种select多选框的内容并初始化。这样在父页面编辑时，在弹层success事件中给弹层元素赋值时会发现数据并没加载。select元素的内容又不好写死，因为太多。所以才考虑使用页面层。type:1,
综合：正常情况下条件允许，建议全部使用iframe弹层吧。简单省事，而且直观，没有任何问题。
-
layer日期选择框弹框瞬间消失
2019-10-30 16:47:14//入职时间 laydate.render({ elem: '#entryDate', trigger : 'click', }); trigger : 'click',这个不加上会出现点击瞬显，然后不见展开全文<input type="text" name="entryDate" id="entryDate" lay-verify="date" placeholder="选择入职时间" autocomplete="off" class="layui-input">//入职时间 laydate.render({ elem: '#entryDate', trigger : 'click', });trigger : 'click',这个不加上会出现点击瞬显，然后不见
-
layer.confirm选择完之后消息框不消失
2016-01-28 13:52:47当用户选择完确定之后，消息框不会消失，并且代码会继续执行，会出现代码后需要显示的信息已经出现但是消息框仍然显示在最前面（跳转页面不算） 这是要用layer.closeAll('dialog');这个代码关闭信息框 layer.... -
OpenLayer叠加示例，画点、圆、多边形，画完消失的问题
2020-03-04 11:37:42因为显示是图层，存在上下关系，消失是因为被上面的地图层挡住了，解决办法是，在声明地图对象那里的Layer[ ],里面存在的东西，越在后面的，其图层位置越靠上。只需将 raster,vector 往后放放就解决了 ... -
OpenLayer3 设置坐标中心定位后，鼠标拖拽地图，地图会消失的问题
2019-09-10 15:30:10OpenLayer3 设置坐标中心定位后，鼠标拖拽地图，地图会消失，而且map的鼠标获取坐标控件也会失效，坐标值显示为 NaN 问题原因：给视图设置中心点坐标的时候，坐标值需要使用parseFloat转换，否则会出现问题 解决... -
layer.msg 不关闭方法
2019-01-02 18:50:00layer.msg('正在更新...',{icon:1,time:'-1'}); 转载于:https://www.cnblogs.com/my2018/p/10210521.html -
layui消息提示不关闭 layer.msg 不关闭
2020-05-26 09:53:03var id=layer.msg('处理中', { icon: 16, shade: 0.4, time:false //取消自动关闭 }); layer.close(id);//手动关闭 -
iOS开发Layer上添加的动画消失
2019-04-16 15:23:57iOS开发CoreAnimation动画，在APP进入后台就会消失 将removedOnCompletion属性设置为NO。 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, ... -
layui中layer.confirm异步执行，自动消失的问题【炎黄平台】
2020-04-16 15:50:44今天在开发中遇到 炎黄平台点击【办理】按钮后，layer.confirm弹出来后，没有让用户点击确定或取消按钮，confirm弹框就自动消失的问题。 究其原因，是因为layer.confirm是异步UI，编译器自动先执行其后的代码去了。... -
layer 不居中的坑爹问题
2019-10-01 00:20:32使用了该代码弹出一个图片。但居然不居中 var layer_index = layer.open({ type: 1, title: false, closeBtn: 0, area: '516px', skin: 'layui-l... -
layer.js
2016-12-15 20:02:48我们提到的基础参数主要指调用方法时用到的配置项，如：layer.open({content: ''})layer.msg('', {time: 3})等，其中的content和time即是基础参数，以键值形式存在，基础参数可合理应用于任何层类型中，您不需要... -
layer.alert() 消息提示老是自动消失
2014-10-11 09:48:28$.ajax({ type: "POST", url: "/Login/Submit", ...消息提示老是自动消失，查了很久，原来是：submit 的问题： 登录" class="button blue"/> 改为 : 登录" class="button blue"/> -
在layui中layer弹出层点击事件无效的解决方法
2020-12-10 08:14:04方法则是将指定的事件绑定在document上，而新产生的元素如果符合指定的元素，那就触发此事件不起作用：[removed](“click”,”指定的元素”,function()); 方法则是将指定的事件绑定在document上，而新产生的元素如果... -
layer.msg如何让按钮的回调执行完毕后弹框不自动关闭
2019-10-08 22:19:45问题出现：我点击“确定”时会验证“新手机号码”，如果验证不通过则不给该弹框关掉，但是实际操作时，不管...之前的写法： layer.open({ type: 1, shade: false, area: ['400px', '300px'], title: '修改 - 手机... -
layui提交ajax请求时layer遮罩层不生效的解决过程
2019-10-10 12:17:55layer遮罩层总是不生效，后来发现是ajax的 async:false 参数导致的 async:false：表示同步，只有ajax请求返回结果后，才执行ajax后面的语句 async:true：表示异步，不会等待ajax请求返回的结果，会直接后面的语句 ... -
关于layui 弹出层一闪而过就消失的解决方法
2020-10-16 10:46:45今天小编就为大家分享一篇关于layui 弹出层一闪而过就消失的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧 -
vue-layer:模拟layer体验做的vue弹窗组件。 一款好用的vue弹窗组件-源码
2021-04-30 06:50:03vue-layer install npm install vue-layer // "eslint:recommended" ... msgtime: 3,//目前只有一项，即msg方法的默认消失时间，单位：秒 }); 调用 this.$layer.alert("找不到对象！"); Attribut { type: -
layer.open时看不到弹出框的关闭按钮
2019-12-15 21:38:18同时还有一个问题是ajax调用action的时候，出现返回码302，访问不到的情况。 这两个问题看起来并没有什么联系。 我们知道layui想让框框出现关闭按钮其实很简单，只要设置closeBtn: 1，就可以了。 但是我的代码的确是... -
关于使用layer弹出框展现echarts不显示的问题
2020-04-25 00:09:51layer.open({ type: 1, id: 'showLayui', shade: false, title: season + "季度明细", content: showContent, area: ['900px', '500px'], btn: ['关闭'], btnAlign: 'c', success: function (layero, index) { }, ... -
openlayer vectorlayer不显示
2015-06-23 09:18:531.检查geoserver中wfs服务是否开启 2.查看是否成功配置跨域代理 http://localhost:8080/mapproxy/cgi/proxy.cgi 是否能访问openlayer主页 -
Layer API
2017-07-31 16:20:06文章转至http://www.layui.com/doc/modules/layer.html -
关于layer.open弹出框input文本框 innerHtml 或 innerText 赋值不生效
2020-08-21 20:24:10在写一个js小效果时，要给input文本框赋值，但赋值后却不生效，input框里面不管怎么赋值都是空白的。 num.innerText = "1 18 7 11 18 20 23"; 打开控制台看到input标签里面的值是以及变动了的 解决方案： ... -
Layer Normalization
2019-08-01 10:59:30鉴于BN存在一些问题，LayerNormalzation才得以提出,并且LayerNormalization可以直接应用于recurrent neural networks，并且也解决了BN当batch size=1不能进行在线学习，在线预测的问题。 layer normalizatio...
收藏数
22,093
精华内容
8,837