打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
layer弹框插件常用方法

layer.msg(content, options, end) - 提示框

layer.msg('提示内容,唯一不可省略的项', {
  icon: 1,//表情类型
  time: 2000 //2秒关闭(默认是3秒)
}, function(){
  //do something,关闭后想做些什么
});  

官方介绍是目前露脸率最高的提示框。因为它简单,默认会3秒后自动消失,坚持零用户操作,而且参数也是自动补齐的。


layer.alert(content, options, yes) - 普通信息框

layer.alert('有了回调',  {icon: 1}, function(index){
  //do something
  layer.close(index);
});  

它的弹出似乎有些高调,一般用于对用户造成比较强烈的关注,类似系统alert,但比alert更灵便。它的参数是自动向左补齐的。


layer.confirm(content, options, yes, cancel) - 询问框

layer.confirm('确认删除该条消息?', {
    btn: ['确认', '取消'] //可以无限个按钮
    ,yes: function(index, layero){
        window.location.href = href;
        layer.close(index); //如果设定了yes回调,需进行手工关闭
    },btn2: function(index, layero){
        //按钮【按钮二】的回调
        layer.close(index);
        return false;//开启该代码可禁止点击该按钮关闭
    },cancel: function(){
        //右上角关闭回调
        layer.close(index);
        return false;
    }
});

类似系统confirm,但不是和系统的confirm一样阻塞


layer.close(index) - 关闭特定层

//如果你想关闭最新弹出的层,直接获取layer.index即可
layer.close(layer.index); //它获取的始终是最新弹出的某个层,值是由layer内部动态递增计算的

//当你在iframe页面关闭自身时
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index); //再执行关闭  

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
layui弹窗点击右上角关闭按钮二次确认
【整理】【layui】layer.open的常用参数例子
jQuery ajax 中使用confirm ,确认是否删除按钮 onclick="return confirm('确认删除?');"
javascript--弹出对话框 四种对话框 获得用户输入值
jQuery Confirm 确认提示框插件
JavaScript 中创建三种消息框:警告框、确认框、提示框
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服