提示框/弹出层/layer
$.toast( message , type , function() )
Toast提示框(特殊场景)
请点击上面的按钮以获取不同的体验
参数参数值描述
message提示内容支持HTML
type
空值
success = 成功
info = 警告
error = 错误
默认为空
function回调函数

无回调参数

弹窗关闭后才会回调

$.Dialog( title , message , closeTime , btnText , btnCallback , closeCallback )
Dialog 对话框 - 普通模式

btnCallback 回调参数2是返回的一个KSA对象,而非Dom

只要点击了按钮,窗口就会自动关闭,除非在 btnCallback 中返回 false

参数参数值描述
title对话框标题支持HTML
message对话框内容支持HTML
closeTime number

自动关闭时间

0或空值=不自动关闭

单位:秒

btnText string/object

例子:

'4-按钮文字' 测试

['4-取消','4-确认'] 测试

{'cancel':'4-取消','confirm':'4-确认'} 测试

btnCallback function

点击按钮后的回调函数

参数1 = 按钮顺序 或 键名

参数2 = 弹窗对象(非Dom)

this = 按钮对象

回调函数如果返回 false 表示阻止弹出层的关闭

closeCallback function

关闭后的回调函数

没有回调参数
$.Dialog( type , message , callBack , btnText )
Dialog 对话框 - 特殊模式
Success Error Confirm

.formData() 为KSA方法 点击此处查看

参数参数值描述
type
success = 成功
error = 失败
confirm = 确认框
form = form表单确认框
必须固定传值,区分大小写
message string/html 对话框标题
callBack 根据参数1的值对应解释

success / error = 窗口关闭后的回调函数

confirm = 确认框内容(支持HTML)

form = 表单数据(按照$.newForm函数传值)

btnText function
仅在confirm与form模式时有效

confirm / form类型时点击确认按钮的回调函数

回调参数见$.layer函数

弹出层 layer(核心)
layer负责所有浮动效果的处理,包括弹窗、提示层、各种下拉菜单等。
$.layer('弹窗内容','定位值','遮罩层','显示后回调函数','关闭后回调函数','底部按钮点击回调函数','初始化后回调函数')
layer高级用法
$.layer({ 配置参数... })
参数参数名称参数类型描述
title 弹窗标题 string 必须传入
content 弹窗内容 string/dom对象 可以是一个jQuery DOM对象
class 附加class string 可以自定义样式
iframe iframe框架URL地址 URL 当iframe加载完成后,你可以在layer中得到一个iframe对象,用它控制iframe中的内容
ajaxUrl ajax地址 URL 注意:因为ajax是异步完成的,所以layer不会返回任何数据
ajaxPost ajaxPost 数据 JSON ajaxUrl存在时有效
type 弹窗类型 string 与class组合 class_type 用于自定义样式
pos 弹窗从什么位置出现 00 表示从右到左滑出一个全屏(H5推荐)
固定值(点击下面的方块试试效果):
1
2
3
4
5
6
7
8
9
00
默认:5
固定值分别代表数字对应的位置,总共有9个位置可选
当为选择器时弹窗将一直围绕在选择器对象周围,一般用于下拉框、title提示等等
btn 底部按钮名称 string/array/object

string你可以只传入一个按钮名称字符串,如:'确认'

多个按钮时可用数组:['取消','确定']

多个按钮时也可用对象:{cancel:'取消',confirm:'确认'}

最后一个按钮始终会是深色

btnFun 点击按钮后回调函数 function 按钮点击后回调
回调参数:
1=按钮序号/键名
2=layer DOM 通过这个参数可遍历窗口内容
3=layer对象 通过这个参数可拿到layerID和对象,关闭layer
cover 遮罩层控制 0-3 0=不显示(默认)
1=显示
2=显示 单击关闭窗口
3=显示 双击关闭窗口
outTime 自动关闭时间 numbers 单位:秒
默认不自动关闭
init 初始化回调 参数[layerDom] function 参数1 = layer DOM
参数2 = layer 对象
参数3 = layer ID
layer窗口HTML生成后还未加入到页面中时的回调函数
用于二次修改layer内容,给指定元素加事件等
注意:如果要给layer下的元素加事件等,应该用init函数,而不是show,因为在cache情况下,init只会在第一次创建layer时回调
show 弹出后回调 function 参数1 = layer DOM
参数2 = layer 对象
参数3 = layer ID
窗口正常显示后回调
用于二次修改layer内容,给指定元素加事件等
close 关闭后回调 无参数 function 无参数
窗口被关闭后的回调函数
有时关闭窗口后需要重新渲染某个元素时很有用
closeBtn 是否需要右上角关闭按钮 1=是 0=否 0 或 1
backEvent 是否需要监听后退事件 0 或 1 1=是 0=否
浏览器后退时触发关闭当前窗口
H5会默认开启 如果不需要,请定义为0
cache 是否缓存 string:唯一键名 默认情况下,窗口关闭后都会直接在页面中移除元素
当你不需要移除时请传入一个唯一的键名
测试
maxHeight 内容区最大高度 number 或 百分比 number = 高度值(px)
百分比 = 当前可用高度的百分比
height 内容区固定高度 number 或 百分比 number = 高度值(px)
百分比 = 当前可用高度的百分比
bodyOver 弹出层显示时,body是否允许上下滚动 false/true 默认true