更新时间:2017/12/18 上午11:44:02
更新说明:新增内容
作者有话说:
1、有压缩的版本和原版,有兴趣的小伙伴可以去看看实现原理,超级简单的
2、因为要兼容到IE低版本,所以加载 动画只能用图片来展示,不然可以直接写个动画,精美并且小,所以插件变大了一倍左右(哎,只能说万恶的IE )
四、加载中提示框
这个与myToast方法使用范围不一样:
myToast是会自动消失的短时间提示条;
myLoadding提示动作正在进行中,当动作进行完毕后必须手动调用$.removeModa()方法来关闭;
(1)默认【提示内容为:加载中,请稍后...】
1 | $.myLoadding() |
(2)自定义提示内容
1 | $.myLoadding( "这里是自定义内容" ) |
五、删除myAlert组件(即消除掉myAlert效果)
此方法会删除除$.myToast()以外的所有myAlert中的节点
1 | $.removeModa(); |
更新时间:2017/12/15 上午11:04:51
更新说明:提示框弹出时,禁止弹框下面的内容滚动,用户体验更好些。
本插件是基于jQuery的插件,为了良好的兼容IE6以及以上的IE浏览器,建议引用myAlert中的jquery(当然也可以根据自己的情况来选择其他jquery版本);
一、 myAlert:带有确认按钮的提示框
(1)只有提示信息,没有标题和回调函数
1 | $.myAlert( '这里是提示框内的内容' ); |
(2)带有标题和提示信息
1 | $.myAlert({title: 'Title' ,message: 'message' }); |
(3)带有标题、提示信息和回调函数
1 | $.myAlert({title: 'Title' ,message: 'message' ,callback: function (){alert(1)}}); |
二、有确认和取消按钮的确认框
(1)只有提示信息和回调函数
1 | $.myConfirm({message: '确认框提示内容' ,callback: function (){alert( 'callback' )}}) |
(2)带有标题,提示信息和回调函数
1 | $.myConfirm({title: '确认框提示标题' ,message: '确认框提示内容' ,callback: function (){alert( 'callback' )}}) |
三、会自动消失,没有回调的提示条
1 | $.myToast( '提示内容' ) |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com