layer弹出框的用法

页面中引入 layer.js 就行了

1、弹出一个提示信息；

layer.msg("我是哦提示信息");

2、弹出一个带选择的按钮的框

layer.open({

                title: '删除'

                ,content: '您确定要删除此游客信息吗?',

                yes: function(index, layero){

                        var trackerType = $(_this).parents("tr").find(".tracker_type").val();

                        defultNum(trackerType);

                        $(_this).parents("tr").remove();

                    layer.close(index);

                }

            });

layer.close(index);

//关闭当前的 弹出框

3、弹出一个自定义html内容的弹层

layer.open({

  type:  //Page层类型

  ,area: ['500px', '300px']

  ,title: '你好，layer。'

  ,shade: 0.6 //遮罩透明度

  ,maxmin: true //允许全屏最小化

  ,anim:  //0-6的动画形式，-1不开启

  ,content: '<div style="padding:50px;">这是一个非常普通的页面层，传入了自定义的html</div>'

});

4、关闭弹出层

//当你想关闭当前页的某个层时

var index = layer.open();

var index = layer.alert();

var index = layer.load();

var index = layer.tips();

//正如你看到的，每一种弹层调用方式，都会返回一个index

layer.close(index); //此时你只需要把获得的index，轻轻地赋予layer.close即可

//如果你想关闭最新弹出的层，直接获取layer.index即可

layer.close(layer.index); //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的

//当你在iframe页面关闭自身时

var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引

parent.layer.close(index); //再执行关闭

4、加载层

/加载层

var index = layer.load(, {shade: false}); //0代表加载的风格，支持0-2

//loading层

var index = layer.load(, {

  shade: [0.1,'#fff'] //0.1透明度的白色背景

});

秒客网

layer弹出框的用法

相关文章