完全自定义弹出层,所有对象属性可调,并且没有传参模式。
如何使用
codeeval
pop.custom({
title: "自定义标题",
content: "自定义内容",
box: "body",
sizeAdapt: false,
button: ["info", "我知道了"],
buttonSpcl: "close",
anim: "gather",
width: 500,
height: 400,
id: undefined,
place: 5,
drag: false,
dragSize: false,
index: false,
toClose: true,
mask: true,
class: false
});
这是完全自定义层,头部 内容都是空的,都需要自己填充DOM元素。
建议将pop.custom放入一个自定义方法中以传参在赋值的调用方式,这样比较简单。
对象属性
title - 标题
类型:String/Html/DOM,默认:
title支持传入字符串 DOM节点 JQ对象,在常见的层都会被p元素包裹住,一些特殊的层则不会被p元素包裹。
content - 内容
类型:String,默认:
content只可以传入字符串,并且会被p元素包裹。如果需要传入html元素应该使用html对象属性
box - 在哪里出现
类型:String,默认:"body"
用于设置弹出层出现在哪里,也就是弹出层加载到哪里。
sizeAdapt - 自适应尺寸
类型:Boolean,默认:false
弹出层自适应尺寸,但是也会受到minWidth,maxWidth,minheight,maxheight 4个属性的影响。
button - 按钮
类型:Array,默认:["primary","确定",function(){this.close();}]
弹出层按钮,必须以数组传入,需要多个按钮需要以多维数组格式传入。
单个按钮eval
pop.alert({
button: ["primary", "确定",
function() {
this.close();
}]
})
多个按钮eval
pop.alert({
button: [["primary", "确定1",
function() {
this.close();
}], ["primary", "确定2",
function() {
this.close();
}]]
})
buttonSpcl - 弹出层控制按钮
类型:String,默认:
弹出层控制按钮(最大化 最小化 关闭),必须传入字符串,可以使用3种格式传入:
1. min|max|close
2. min,max,close
3. min max close。
anim - 动画效果
类型:String,默认:
弹出层动画效果,必须以字符串传入。
width - 弹出层宽度
类型:Number/%,默认:
设置弹出层宽度
height - 弹出层高度
类型:Number/%,默认:
设置弹出层高度
id - id值
类型:String,默认:
在3.0版本弹出层id已经是不重要的属性,只有需要搜索弹出层时候需要用一下。
Ps. 这是一个被抛弃的属性..
place - 定位
类型:Number/Object,默认:5
定位弹出层的位置,可以输入1-9九宫格位置,1为左上9为右下,也可以使用对象属性手动设置。
九宫格定位eval
pop.alert({
place: 1
})
多个按钮eval
pop.alert({
place: {
top: 0,
left: 0
}
})
drag - 注册拖动层事件
类型:Boolean,默认:
弹出层 注册移动位置事件,使弹出层按住标题可移动弹出层位置。
dragSize - 注册拖动层尺寸事件
类型:Boolean,默认:
弹出层 注册拖动改变尺寸事件,使弹出层可改变尺寸。
index - 注册置顶层事件
类型:Boolean,默认:
弹出层 注册置顶事件,当多个层存在时,点击层可置顶到顶层。
toClose - 注册层外销毁事件
类型:Boolean,默认:
弹出层 注册层外点击销毁事件,当在点击弹出层之外的元素时即可销毁层。
mask - 注册遮罩层
类型:Boolean/Number/String,默认:
为弹出层增加遮罩背景,默认黑色背景,传入值为数字时调整透明度,字符串则直接应用在background-color样式上。
class - 增加类名
类型:String,默认:
为弹出层增加一个类名,注意的是传入abc数值,但是最终附加上的是pop-abc类型,其中pop受到插件配置属性中className属性影响。 |