插件地址:https://layuion/layer/
layer.open({
content: 'test'
,btn: ['按钮一', '按钮二', '按钮三']
,yes: function(index, layero){
//按钮【按钮一】的回调
}
,btn2: function(index, layero){
//按钮【按钮二】的回调
//return false 开启该代码可禁止点击该按钮关闭
}
,btn3: function(index, layero){
//按钮【按钮三】的回调
//return false 开启该代码可禁止点击该按钮关闭
}
,cancel: function(){
//右上角关闭回调
//return false 开启该代码可禁止点击该按钮关闭
}
});
========================================
举个栗子
layer.open({
area: ['600px', '350px'],
content: '<h3>请准备以下相关文件,到受理窗口办理!</h3> '
+ '<br/><h5>1.你的身份证正反面复印件 ;</h5>'
+ ' <br/><h5>2.学历原件与复印件 ;</h5> '
+ '<br/><h5>3.银行最近6个月流水 ;</h5>'
+ ' <br/><h5>4.工作证明原件 ;</h5>',
btn: ['确定'],
yes: function (index, layero) {
//按钮【按钮一】的回调
layer.msg("提交成功!", {
icon: 1, time: 2000 //2秒关闭(如果不配置,默认是3秒)
}, function () {
/*提交成功 !页面刷新*/
location.href = 'www.www.csdn';
});
},
cancel: function () {
//右上角关闭回调
//return false 开启该代码可禁止点击该按钮关闭
}
});
效果截图如下
参考资料:https://layuion/layer/
更多推荐
自定义弹框(可添加自定义html代码)
发布评论