插件描述:集合了几个常用的h5端模态框功能,比如从下向上滑出,从右向左滑出,弹出框,提示浮层等。并且蒙版区域不能滑动。
更新时间:2019-04-04 20:55:57
更新说明:改进提示浮层的功能使其可以一直显示,添加手动关闭提示浮层的方法
更新时间:2019-02-16 21:40:12
更新说明:
1.添加了 shadeClose 选项,为false 的时候表示点击黑色蒙版不会关闭模态框,此时关闭需要调用 实例下的close方法
2. 当提示消息正在展示,再次提示消息,则马上关闭旧消息,不会等时间到才关闭
3. 修改了当模态框组合调用时会产生死循环的bug
更新时间:2019/1/20 下午11:29:10
更新说明:
1. 修正了,当页面有滚动条时,关闭浮层后,滚动条自动回到顶部的bug
2. 修正了,iphone6 safari 浏览器 提示消息不能弹出的bug
使用方法
1. 需引入
2. 用法如下:
html:
我是从上面滑出的模态框
我是从下面滑出的模态框
我是从左面滑出的模态框
取消
确认
js:var instance = $('your dom id').slideAlert({
// jquery 对象
"element": null,
// 可填的参数是 top,bottom,left,right,alert,tips
"type": "bottom",
// 模态框中的内容
"content": $('#"J-left').html(),
// 类型为tips时,自动关闭时间
"time": '1500',
// 打开alert 前调用
"beforeOpen": function() {},
// 打开alert 后调用,常用于绑定模态框里面元素的事件
"afterOpen": function() {},
// 关闭前调用
"beforeClose": function() {},
// 关闭 alert 之后调用
"afterClose": function() {}
});
此时 instance 实例有能调用两个函数:// 全部销毁
instance.destroy()
// 关闭modal
instance.close()