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