layer 弹出框

简介: layer 弹出框


  • 提示框
// 简单提示
layer.msg("保存成功!");
// 带回调函数提示框
layer.msg("保存成功",{
    icon:1       // icon:1 绿对号 icon:2 红叉号 icon:3黄问号 icon:4 灰色锁 icon:5 红哭脸 icon:6 绿笑脸 icon:7 黄叹号
},function(){
    //回调函数
});
layer.msg('保存成功',{
            offset:['50%'],
            time: 2000 //2秒关闭,默认是3秒
           },function(){
               reload();
           }
);
  • tip提示框
layer.tips("输入框不能为空",'#user_name_id',{
    time:2500
});
layer.tips("输入框不能为空",'input[name=user_name]',{
    time:2500
});
  • 窗口
/*
 * 如果是页面层
 */
layer.open({
  type: 1,
  content: '传入任意的文本或html' //这里content是一个普通的String
});
layer.open({
  type: 1,
  content: $('#id') //这里content是一个DOM,注意:最好该元素要存放在body最外层,否则可能被其它的相对元素所影响
});
layer.open({
  content: $('#id').html(),
  success: function(layero, index){
    console.log(layero, index);
    console.log(layero.selector);
  }
});
  • 设置多个按钮
//eg1
 layer.confirm('纳尼?', {
     btn: ['按钮一', '按钮二', '按钮三'] //可以无限个按钮
     ,btn3: function(index, layero){
         //按钮【按钮三】的回调
     }
}, function(index, layero){
 //按钮【按钮一】的回调
 }, function(index){
     //按钮【按钮二】的回调
 })


相关文章
|
5月前
|
前端开发 定位技术
layer弹框右上角关闭按钮的样式
layer弹框右上角关闭按钮的样式
103 0
|
6月前
Layui 内置方法 - layer.confirm(询问框)
Layui 内置方法 - layer.confirm(询问框)
135 0
|
6月前
Layui 内置方法 - layer.msg(提示框)
Layui 内置方法 - layer.msg(提示框)
123 0
|
5月前
layer弹框在实际项目中的一些应用
layer弹框在实际项目中的一些应用
28 0
|
5月前
layer弹框
layer弹框
25 0
|
5月前
layer关闭子窗口
layer关闭子窗口
|
5月前
layer右下脚弹窗
layer右下脚弹窗
|
6月前
Layui 内置方法 - layer.setTop(置顶当前窗口)
Layui 内置方法 - layer.setTop(置顶当前窗口)
90 0
|
6月前
Layui 内置方法 - layer.alert(普通信息框)
Layui 内置方法 - layer.alert(普通信息框)
75 0
|
JavaScript
【layui小技巧】layer使用layer.msg方法时如何让用户点击遮罩层就关闭消息框?layer.msg点击消失
【layui小技巧】layer使用layer.msg方法时如何让用户点击遮罩层就关闭消息框?layer.msg点击消失
716 0