• layer


    使用时引入require_layer.html即可
    范例:
    layer.open({
      type: 1, 
      skin: 'demo-class',
      area: ['500px', '300px'],
      offset: ['100px', '200px'],
      btn: ['按钮1', '按钮2', '按钮3', …],
      yes: function(index, layero){
          //do something
          layer.close(index); //如果设定了yes回调,需进行手工关闭
      }
      cancel: function(){},
      btn3: function(){},
      success: function(layero, index){  //弹窗后的回调函数
          console.log(layero, index);
      }
      end: function(){},//销毁层的回调,包括关闭、取消、确认
      content: '传入任意的文本或html' ,//这里content是一个普通的String
      shade: [0.8, '#393D49'],
      scrollbar: false,//禁止浏览器出现滚动条
      move: false,//禁止移动layer
      
    });
    layer.open({
      type: 1,
      content: $('#id') //这里content是一个DOM
    });
    //Ajax获取
    $.post('url', {}, function(str){
      layer.open({
      type: 1,
      content: str //注意,如果str是object,那么需要字符拼接。
      });
    });
     
    type表示使用“页面层”type的layer
    skin表示样式class名,可使用自己的class
    area是宽高,缺省值表示自适应
    offset是定位,缺省值表示居中
    btn是按钮,回调函数分别是yes,cancel,btn3,...
    shade是遮罩层
    time是自动关闭时间,单位ms
    id,建议设置id,使lay仅允许弹出一个
     
    最后,需要选项卡型layer时,可使用:
    layer.tab({
      area: ['600px', '300px'],
      tab: [{
        title: 'TAB1', 
        content: '内容1'
      }, {
        title: 'TAB2', 
        content: '内容2'
      }, {
        title: 'TAB3', 
        content: '内容3'
      }]
    });       
        
    我的github: https://github.com/moux1024
  • 相关阅读:
    Identity Server4学习系列三
    C# 多线程九之Timer类
    Identity Server4学习系列二之令牌(Token)的概念
    Identity Server4学习系列一
    C# 多线程八之并行Linq(ParallelEnumerable)
    使用Resourcehacker去除winrar的弹窗广告
    remote: Coding 提示: Authentication failed问题解决
    使用Python读取照片的GPS信息
    mongoose删除mongodb某个库的所有collection
    mysql数据库查询占用空间
  • 原文地址:https://www.cnblogs.com/xd1024/p/5906818.html
Copyright © 2020-2023  润新知