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: 1 //Page层类型
  ,area: ['500px', '300px']
  ,title: '你好，layer。'
  ,shade: 0.6 //遮罩透明度
  ,maxmin: true //允许全屏最小化
  ,anim: 1 //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(0, {shade: false}); //0代表加载的风格，支持0-2
//loading层

var index = layer.load(1, {
  shade: [0.1,'#fff'] //0.1透明度的白色背景
});