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); //再执行关闭  

posted @ 2020-06-24 16:11  皎然CEO  阅读(466)  评论(0编辑  收藏  举报