代码拉取完成,页面将自动刷新
3
增加JS插件--消息通知,指定跳转链接
已合并
通过分析原js插件 http://bootstrap-notify.remabledesigns.com/ 发现它也没有做回调函数处理。
而且它自身设置url则是点击跳转,不符合我的需求,所以我自己研究在封装的时候加上跳转。
增加 url
参数,并且增加便捷设置 函数 url()
截取代码如下:
var url = ''; //定义默认跳转url
return {
// 页面小提示
notify : function ($msg, $type, $delay, $icon, $from, $align, $url) {
tips($msg, $type, $delay, $icon, $from, $align, $url);
},
// 增加设置跳转url的便捷函数,方便快速设置
url : function ($url){
url=$url;
},
// 页面加载动画
loading : function ($mode) {
pageLoader($mode);
}
};
在原提示函数底部增加 setTimeout
定时器
var tips = function ($msg, $type, $delay, $icon, $from, $align, $url) {
$type = $type || 'info';
$delay = $delay || 1000;
$from = $from || 'top';
$align = $align || 'center';
$enter = $type == 'danger' ? 'animated shake' : 'animated fadeInUp';
$url = $url || url; // 如果没有传入 url,则获取系统默认的url
jQuery.notify({
icon: $icon,
message: $msg
},
{
element: 'body',
type: $type,
allow_dismiss: true,
newest_on_top: true,
showProgressbar: false,
placement: {
from: $from,
align: $align
},
offset: 20,
spacing: 10,
z_index: 10800,
delay: $delay,
//timer: 1000,
animate: {
enter: $enter,
exit: 'animated fadeOutDown'
}
});
// 判断是否有设置跳转函数,如果有,则进行定时器设置跳转
if($url!=''){
setTimeout(function(){
window.location.href=$url;
},$delay);
}
};