layer弹出框的用法
2024-10-01 06:44:07
页面中引入 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透明度的白色背景
});
最新文章
- 无脑简单 命令升级git Centos
- myql Connect
- dd
- HTML,CSS,font-family:中文字体的英文名称 (宋体 微软雅黑)
- WPF绘制矢量图形模糊的问题
- 使用ruby搭建简易的http服务和sass环境
- java 22 - 3 多线程的概述以及其它所涉及的东西(看)
- nyoj366_D的小L_字典序_全排列
- 1238. Folding
- C程序设计语言练习题1-19
- css复合属性的写法
- DFS - leetcode [深度优先遍历]
- 微信小程序实例教程(四)
- python爬虫,爬取一系列新闻
- 识别手机浏览器代码【C#和JS两种语言】
- 第一个VS2015 Xaramin Android项目
- Hadoop/HBase Capacity Planning
- 云计算的三种服务模式:IaaS,PaaS和SaaS
- mysql 某字段插入随机数
- CMU-15445 LAB1:Extendible Hash Table, LRU, BUFFER POOL MANAGER