layer 防止重复弹出的办法

解决 layui 弹层 layer 组件(重复弹出)同时存在多个页面层(iframe )的问题

这个问题其实是疏忽了一些 基础参数(仔细看文档,仔细看文档,仔细看文档)

一、type - 基本层类型

类型:Number,默认:0
layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)。 若你采用layer.open({type: 1})?方式调用,则 type为必填项(信息框除外)

二、id - 用于控制弹层唯一标识

类型:String,默认:空字符
设置该值后,不管是什么类型的层,都只允许同时弹出一个。一般用于页面层和 iframe 层模式

当?layer 弹层同时出现多个时,设置一个 ID 即可解决此问题。

示例:

layer.open({
    type: 1
    ,title: false //不显示标题栏
    ,closeBtn: false
    ,area: '300px;'
    ,shade: 0.8
    ,id: 'LAY_layuipro' //设定一个id,防止重复弹出
});

原文地址:https://www.cnblogs.com/sirdong/p/11728160.html

时间: 2024-10-11 21:18:50

layer 防止重复弹出的办法的相关文章

layer实现关闭弹出层刷新父界面功能详解

方案一: 在layer弹出层中调用父界面重新加载函数 ? 1 2 3 window.parent.location.reload(); varindex = parent.layer.getFrameIndex(window.name); parent.layer.close(index); 方案二: 调用layer插件的end回调方法: end - 层销毁后触发的回调 类型:Function,默认:null 无论是确认还是取消,只要层被销毁了,end都会执行,不携带任何参数. 父窗口打开lay

facebook修改keyhash后,facebooke登录时候在验证界面重复弹出空白屏

facebook修改keyhash后,facebooke登录时候在验证界面重复弹出空白屏,原因是授权不通过 解决方法:取消facebook授权设置那里移除改应用 具体:移除应用过程:  设置与隐私->账号设置->应用->通过Facebook登录的应用->使用中->BD DE A ->移除 如果移除后登录不了,需要重新安装游戏 原文地址:https://www.cnblogs.com/liangtf/p/9112732.html

asp.net页面后退,重复弹出上一页对话框处理办法

我们在实例中,虽然页面内有导航,但是用户使用的时候难免会使用浏览器的后退按钮. 时常会发现,当后退的时候,上一页的对话框会自动弹出,下面是解决办法. 问题:使用此js代码,后退按钮时,重复显示对话框内容 ClientScript.RegisterClientScriptBlock(GetTypr(),"alert('不能重复提交');",true); 解决办法: ClientScript.RegisterClientScriptBlock(GetTypr(),"alert('

layer 打开关闭弹出窗口与获取父窗口值

一.首先引用js文件 <script src="../../js/common/layer/layer.js"></script> 二.全屏调用以下代码 var index = layer.open({                       type: 2,                       content: url,                       area: ['300px', '195px'],                 

Vue SPA应用中使用Layer的iframe 弹出层,并且传值

问题来源: BOOS 竟然说喜欢有可移动可最大化的弹出层,这!!! SPA 模式下就是这种引入Vue.js的写法 layer.open({ type: 2, area: ['840px', '550px'], fixed: false, //不固定 maxmin: true, title:title, content:url, }); 正常引入layui.js  然后弹出,然后弹出层要调用父级层的方法,和赋值 var index = parent.layer.getFrameIndex(wind

easyui出口excel无法下载框弹出的办法来解决

使用前ajax发,码如下面(ActionUrl一般处理程序ashx路径): $.ajax({ url: ActionUrl + '?action=export&ID=' + $('#fm_ID').val(), dataType: 'json', success: function (jsonstr) { //top.art.dialog.tips('导出成功.'); } }); 没办法弹出下载框. 直接浏览器地址栏输入相关页面地址并打开能够弹出下载框下载,考虑可能是iframe的缘故. 由于输

重复弹出Toast 解决方案

在开发中,有可能提示会很快,Android系统的Toast的提示是队列的形式,如果操作很快,同时有大量的消息传递,会导致出现在操作结束之后好久才会弹出Toast显示你的消息,在这里,我采用了单例模式封装了一个Toast,再代码中直接使用就可以解决掉这个问题了 public class MyToast { private Toast mToast; private static MyToast ourInstance = new MyToast(); public static MyToast g

android webview js alert对话框 不能弹出 解决办法

在配置了webview的 setting属性后,以前设置的都是可以直接弹出来的,今天写一个小demo时候莫名其妙的发现alert怎么也出来,即使设置了这么多也不行: webSettings.setJavaScriptEnabled(true); webSettings.setJavaScriptCanOpenWindowsAutomatically(true); webSettings.setAllowFileAccess(true);// 设置允许访问文件数据 webSettings.setS

自定义Toast解决快速点击时重复弹出,排队无止尽

解决办法:自定义MyToast类: public class MyToast { /** 之前显示的内容 */ private static String oldMsg ; /** Toast对象 */ private static Toast toast = null ; /** 第一次时间 */ private static long oneTime = 0 ; /** 第二次时间 */ private static long twoTime = 0 ; /** * 显示Toast * @p