【整理】【layui】layer.open的常用参数例子

layer.open({// 基本层类型:0(信息框,默认)1(页面层)2(iframe层,也就是解析content)3(加载层)4(tips层)type: 1,
    title: "标题",// 当type: 2时就是urlcontent: "内容/url",// 宽高:如果是100%就是满屏area: ['733px', '450px'],// 坐标:auto(默认坐标,即垂直水平居中),具体当文档:https://www.layui.com/doc/modules/layer.html#offsetoffset: 'auto',// 按钮:按钮1的回调是yes(也可以是btn1),而从按钮2开始,则回调为btn2: function(){},以此类推btn: ['按钮1', '按钮2'],// 关闭按钮:layer提供了两种风格的关闭按钮,可通过配置1和2来展示,如果不显示,则0closeBtn: 1,// 遮罩:默认:0.3透明度的黑色背景('#000')shade: 0.3,// 是否点击遮罩关闭:默认:falseshadeClose: false,// 自动关闭所需毫秒:默认:0不会自动关闭time: 0,// 最大最小化:默认:falsemaxmin: false,// 固定:默认:truefixed: true,// 是否允许拉伸:默认:trueresize: true,// 层叠顺序:默认:19891014,一般用于解决和其它组件的层叠冲突zIndex: 19891014,// 层弹出后的成功回调方法:layero前层DOM,index当前层索引success: function(layero, index){
    },// 第一个按钮事件,也可以叫btn1yes: function (index, layero) {
    },
    btn2: function (index, layero) {
        layer.close(index);
    },// 右上角关闭按钮触发的回调:默认会自动触发关闭。如果不想关闭,return false即可cancel: function(index, layero){if(layer.confirm('确定要关闭么')){ //只有当点击confirm框的确定时,该层才会关闭layer.close(index);
        }return false;
    },// 层销毁后触发的回调:无论是确认还是取消,只要层被销毁了,end都会执行,不携带任何参数。end: function(){
    },// 最大化后触发的回调:携带一个参数,即当前层DOMfull: function(layero){
    },// 最小化后触发的回调:携带一个参数,即当前层DOMmin: function(layero){
    },// 还原后触发的回调:携带一个参数,即当前层DOMrestore: function(layero){
    },
});

无注释

layer.open({
    type: 1,
    title: "标题",
    content: "内容/url",
    area: ['733px', '450px'],
    offset: 'auto',
    btn: ['按钮1', '按钮2'],
    closeBtn: 1,
    shade: 0.3,
    shadeClose: false,
    time: 0,
    maxmin: false,
    fixed: true,
    resize: truezIndex: 19891014,
    success: function(layero, index){
    },
    yes: function (index, layero) {
    },
    btn2: function (index, layero) {
        layer.close(index);
    },
    cancel: function(index, layero){
            layer.close(index);
        }return false;
    },
    end: function(){
    },
    full: function(layero){
    },
    min: function(layero){
    },
    restore: function(layero){
    },
});
(0)

相关推荐

  • layui弹窗点击右上角关闭按钮二次确认

    在使用layui弹窗时,有时关闭弹窗要进行二次确认,是否要关闭弹窗,但是在右上角关闭按钮回调默认点击之后直接关闭弹窗,并不执行回调里的代码. 而官网给出二次确认代码,使用的是浏览器自带的提示弹窗,与网 ...

  • JS加HTML实现弹窗提示是否确认提交

    需求:当点击input按钮时候,弹出确认框,确认后提交到指定url,效果如下 分析:这里面要,引入三个库文件,如下是下载地址 layui样式文件:https://layer.layui.com/ la ...

  • layui城市三级联动(fesiong / layarea)

    安装 GitHub下载地址:https://github.com/fesiong/layarea.git 使用(html+js) 1. html部分 整个选择器需要使用一个父标签包裹,如下使用了id= ...

  • Layui 开发使用文档

    开始使用 - 入门指南 layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用.其外在极简,却又不失饱满的内在 ...

  • layer弹框插件常用方法

    layer.msg(content, options, end) - 提示框 layer.msg('提示内容,唯一不可省略的项', { icon: 1,//表情类型 time: 2000 //2秒关闭 ...

  • PHP file_put_contents()写入配置文件

    php把提交的数据写入到配置文件中 在后台可以设置网站的基本信息,例如:title,keywords,copyright.等信息,这些信息只是一条数据,存入数据库耗费资源,直接写入到php文件中. 创 ...

  • 蚂蚁摄影 第一季 第89集 佳能200D常用参数的设置方法和拍摄技巧(上) 89

    蚂蚁摄影 第一季 第89集 佳能200D常用参数的设置方法和拍摄技巧(上) 89

  • FANUC机床常用参数 简介

    1.1-999:有关通讯.远程诊断.数据服务参数. 如: 0000#1=1程序输出格式为ISO代码 103=10数据传送波特率 20=4 I/O通讯口(用CF卡) 138#7=1用存贮卡DNC 2.1 ...

  • 整理实用行书直播稿――常用100字(一)

    应朋友要求上传直播稿,系统讲解,所以,近期直播将主要讲100个最常用字. 别小看这100个常用字,它们的使用频率,已经接近1/2了,具体讲,你每写100个字,平均有44个左右,就在这100个最常用字之 ...

  • 整理实用行书直播稿――常用100字(三)

    走之旁,处理成直线,或者平捺均可,具体可看我的西瓜公开视频 曾经提到,最常用的100字,在日常字中出现的频率近44%(也有资料显示是40%),那么,从统计学中你知道最常用的500字的使用频率是多少 吗 ...

  • 给排水设计常用参数汇总,全面!

    来源:筑龙论坛 如有侵权,请联系删除 1.给水要求水压: ① 给水入口:一层,10m:二层,12m:三层及以上层按4(n+1),n为层数. ② 给水: 住宅分户水表前的水压一般宜0.10-0.15 M ...

  • 变频器常用参数设置步骤图解

    变频器的设置菜单分为一级菜单.二级菜单等,菜单后面是参数.Altivar31变频器一级菜单的访问如左图所示,参数的设置如右图所示. 右图是待机(准备运行)状态开始,将FUn-PSS-SP2参数设定为1 ...

  • 锂电常用参数与计算公式

    (1)电极材料的理论容量 电极材料理论容量,即假定材料中锂离子全部参与电化学反应所能够提供的容量,其值通过下式计算: 其中,法拉第常数(F)代表每摩尔电子所携带的电荷,单位C/mol,它是阿伏伽德罗数 ...

  • 整理小儿推拿头面部常用穴--动图版

    一. 天门(推攒竹) 开天门 [位置]眉心至前发际一直线. [操作]用拇指自下而上地交替直推,称开天门,30-50次. [功效]发汗解表.开窍醒神.安神镇惊等 [主治]感冒.头痛.无汗.发热等症.多与 ...

  • FANUC系统维修中常用参数

    FANUC系统维修中常用参数 FANUC系统有很丰富的机床参数,为数控机床的安装调试及日常维护带来了方便条件.根据多年的实践,对常用的机床参数在维修中的应用做一介绍. 1.手摇脉冲发生器损坏.一台FA ...