更新时间：2019-08-21 00:05:08
更新说明：增加弹框关闭后的回调函数
更新时间：2018/4/3 下午1:19:23
更新说明：alert.api中添加actionsheet调用方法
更新时间：2018/1/10 下午4:16:11
更新说明：ie8中的信息提示中图片的兼容
更新时间：2017/9/19 下午4:43:31
更新说明：兼容模块化引入
更新时间：2017/8/28 上午10:00:42
更新说明：解决PC端带触摸事件，导致判断触发事件的错误问题
更新时间：2017/8/22 下午5:23:23
更新说明：解决在ie中滚动内容被覆盖问题，声明，信息提示icon图，不兼容ie8
更新时间：2017/8/18 上午10:00:10
更新说明：修改content属性，让content属性兼容$("#content").html()方式填充内容
更新时间：2017/8/16 上午11:43:03
更新说明：添加icon参数，信息提示中的小图片,只在title和button都不存在下生效
更新时间：2017/8/10 下午7:26:36
更新说明：解决在jq22下box-sizing:border-box被覆盖问题，在alert-content中添加box-sizing属性，防止被覆盖掉问题
更新时间：2017/8/10 上午11:44:21
更新说明：解决button按钮的宽度问题
alert.js
alert.js是基于jQuery开发的一款 PC 移动端 都兼容的轻量级弹层组件
浏览器兼容
浏览器兼容，下面是我们的主要兼容目标
1、IE8 或者 IE8以上 (Windows), IE8以下浏览器不兼容
2、Safari (Mac)
3、Chrome (Windows, Mac, Linux)
4、Firefox (Windows, Mac, Linux)
5、谷歌内核(webkit)浏览器，如360浏览器，搜狗浏览器，QQ浏览器等
核心方法（配置）: jqueryAlert(opts)
opts是一个对象，它包含了以下key: '默认值'
javascript 代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | 'style' : 'wap', //移动端和PC端'title' : '', //标题'content' : '', //内容'contentTextAlign' : 'center', //内容对齐方式'width' : 'auto', //宽度'height' : 'auto', //高度'minWidth' : '0', //最小宽度"className" : '', //添加类名'position' : 'fixed', //定位方式'animateType' : 'scale','modal' : false, //是否存在蒙层'isModalClose' : false, //点击蒙层是否关闭'bodyScroll' : false, //是否关闭body的滚动条'closeTime' : 3000, //当没有按钮时关闭时间"buttons" : {}, //按钮对象 |
参数配置
1 2 3 4 5 6 7 | // 判断是否已存在，如果已存在则直接显示if(M.dialog1){ return M.dialog1.show();}M.dialog1 = jqueryAlert({ 'content' : 'hello 程序员...'}) |
更多参数配置，请查看下载或演示文件。
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery html5背景视频插件vidbacking
- 下一个特效： jQuery数据加载遮罩层