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){
     //按钮【按钮二】的回调
 })