layer弹出层最小化隐藏遮罩层

 时间:2024-09-22 07:40:53

在用layer组件做弹出框的时候,经常会遇到弹出框最小化的时候,如果弹出框打开了遮罩层,最小化的时候遮罩层不会消失,导致使用会很不方便,以下是一些变通方法实现了这个效果

方法/步骤

1、要先引用layer.js,这个大家自己去百度搜索下载即可

layer弹出层最小化隐藏遮罩层

2、添加对应触发弹出框的按钮,写javascript代码进行锟侯希哇处理,在layer.open的配置项中加上maxmin:true这样弹出框会出现最大化和最小化按钮,用一个la烤恤鹇灭yerIndex变量保存打开的弹出框索引,用于最小化和还原时动态隐藏遮罩层

layer弹出层最小化隐藏遮罩层

layer弹出层最小化隐藏遮罩层

3、最后添加min、restore方法用于控制遮罩层的打开与隐藏,注意open的时候要加上title配置项,且值不能为空,要不然最小化的时候会看不到弹出框最小化的内容

layer弹出层最小化隐藏遮罩层

4、最后显示最小化时隐藏遮罩层的效果图

layer弹出层最小化隐藏遮罩层

迅雷怎么添加一个新下载任务? MyEclipse编译和运行一个程序 js怎么判断事件是否绑定 Intelli使用maven进行工程编译教程 intellij idea如何关闭显示工具窗口栏
热门搜索
楷书书法欣赏图片 关于星座的图片 我爱电影网 清纯可爱美女图片 在线设计图片