页面中引入 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透明度的白色背景 });