请选择 进入手机版 | 继续访问电脑版

弘帝企业智能建站系统交流平台

 找回密码
 立即注册
楼主: admin

【jQuery】$.Pop()弹出层$.Pro()提示层插件介绍

[复制链接]
 楼主| 发表于 2020-10-25 17:50:20 | 显示全部楼层

销毁层

pop.close在pop中起到重要作用 销毁层!pop弹出层中的pop_layer对象与pop_Event对象中已经包括销毁当前层的方法,而pop.close主要是在外部销毁pop弹出层。
如何使用
销毁全部弹出层
1. 生成一个弹出层eval

pop.alert();
2. 销毁eval

pop.close("closeAll");
销毁指定类型层
1. 生成一个弹出层eval

pop.alert();
2. 销毁eval

pop.close("alert");
只需要层类型的方法名称即可。

销毁设置别名的层
1. 生成一个弹出层eval

pop.alert().alias("别名");
2. 销毁eval

pop.close("别名");
销毁设置ID的层
1. 生成一个弹出层eval

pop.alert().id("setID");
2. 销毁eval

pop.close("#setID");
同样的道理,pop弹出层如果设置类名 或者自定义属性都可以这样进行销毁。

历史变动
取消type:与alias:识别性的开头字符串,现在完全自适应
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-10-25 17:50:48 | 显示全部楼层

获取输入信息

pop.getInput在目前版本中主要是获取pop.prompt的输入信息,在按钮自定义事件中返回了pop_Event对象,其中包括了获取文本方法。pop.getInput则是独立的函数。
如何使用
1. 生成一个弹出层eval

pop.prompt("请输入一个值",
function(e) {
alert(e.text)
}).alias("输入").id("text");
2. 获取数据eval

console.log("别名搜索:" + pop.getInput("输入"), "id搜索:" + pop.getInput("#text"));
需要注意的如果没有搜索到指定层会返回undefined,当搜索到层会返回值,如果没有值则返回空,但是不会返回false。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-10-25 17:51:47 | 显示全部楼层

别名获取pop层 - pop

pop.getAlias可以获取已经设置别名的弹出层pop对象,从而可以对弹出层进行各种操作。
如何使用
分步骤分别运行代码预览效果。

1. 生成一个弹出层eval

pop.alert().alias("alert");
2. 别名获取eval

console.log(pop.getAlias("alert"), "得到pop对象");
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-10-25 17:52:33 | 显示全部楼层

获取pop层 - pop

pop.getLayer可以以别名或者ID 自定义属性 类名搜索pop弹出层并返回pop_layer对象。
如何使用
分步骤分别运行代码预览效果。

1. 生成一个弹出层eval

pop.alert().alias("弹出层").id("getLayer");
2. 获取数据eval

console.log("别名搜索:", pop.getLayer("弹出层"), "id搜索:", pop.getLayer("#getLayer"));
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-10-25 17:53:22 | 显示全部楼层

获取pop层 - JQ

pop.getjQuery与pop.getLayer效果与使用方法一致,只不过pop.getjQuery返回的JQ对象。
需要注意的是必须引入JQ库以后才会成功获取到JQ对像
如何使用
分步骤分别运行代码预览效果。

1. 生成一个弹出层eval

pop.alert().alias("弹出层").id("getjQuery");
2. 获取数据eval

console.log("别名搜索:", pop.getjQuery("弹出层"), "id搜索:", pop.getjQuery("#getjQuery"));
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-10-25 17:53:53 | 显示全部楼层

注册别名

1.什么是别名?
别名是为弹出层起一个任意字符串的名字,他可以是汉字、字母、数字、符号等多种集合的字符串,别名在3.0之前版本是为了替代ID值的作用,在全新3.0版本其实作用更多是起到一个更容易处理弹出层的一个便捷手段。
如何使用
注册别名
codeeval

pop.alert().alias("弹出层");
利用别名销毁
codeeval

pop.close("弹出层");
别名具有唯一性,当多次注册有效的则以最后一次注册为准。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-10-25 17:54:31 | 显示全部楼层

注册启动状态

通过*.control可以设置当前层在加载完成后的状态,比如 min max close3种,需要注意的必须有对应的控制按钮才可以设置状态,否则是无效的
如何使用
pop.alert().control("close");
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-10-25 17:55:08 | 显示全部楼层

销毁层 扩展方法

通过*.close直接销毁当前层,这是全网最简单省事外部销毁层的方法了,简单暴力没朋友。
如何使用
codeeval

var abc = pop.alert();
setTimeout(function() {
abc.close();
},
5000);
主要在将弹出层返回的对象赋值给一个变量,在任何我们想要销毁的地方直接调用clsoe即可销毁层。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-10-25 17:55:47 | 显示全部楼层

注册状态事件 扩展方法

*.stateEve是一个强大的状态事件注册方法,通过stateEve就可以为弹出注册各种状态下的事件。
先睹为快
codeeval

pop.alert({
drag: true
}).stateEve("drag",
function() {
console.log("top:" + this.temporary.top, "left:" + this.temporary.left)
});
在3.0之前版本只可以注册 启动事件,销毁事件,并且都没有考虑的动画问题,则在3.0版本中这些都完美解决。
可注册事件列表
1. index / 置顶层
2. drag / 拖动层
3. close / 销毁层
4. load / 层加载完成
5. toClsoe / 层外点击
6. dragSize / 拖动改变大小
7. min / 最小化
8. max / 最大化
9. button / 点击按钮时
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-10-25 17:56:26 | 显示全部楼层

设置ID值

通过*.id为弹出层设置一个ID值,在3.0版本中已经没有ID值概念了,所以这里的ID值可以随意设置,主要是在获取弹出层使用,其他时候在pop中是毫无用武之地。
如何使用
codeeval

pop.alert().id("alert");
codeeval

console.log(pop.getLayer("#alert"));
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|弘帝企业智能建站系统 ( 皖ICP备07503252号 )

GMT+8, 2024-4-19 09:58 , Processed in 0.101436 second(s), 12 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表