JQuery 加载效果提示,意思就是加载东西多的情况下,出现请等待,请稍后的一些提示,
3个回答
展开全部
你可以用 Jquery Ajax全局事件
给你通通发一份吧
ajaxComplete(callback) ajax请求完成时执行
ajaxError(callback) ajax发生错误时执行
ajaxSend(callback) ajax发送前执行
ajaxsuccess(callback) ajax请求成功执行
请求成功的时候 隐藏提示信息
ajaxStart(callback) ajax开始请求时执行
你可以在界面弄一个隐藏的div 开始请求的时候 显示提示信息
ajaxStop(callback) ajax结束请求时候执行
注意 如果$.ajax 设置了 global:false 不触发全局事件
希望对你有所帮助 还有多看看Jquery API
给你通通发一份吧
ajaxComplete(callback) ajax请求完成时执行
ajaxError(callback) ajax发生错误时执行
ajaxSend(callback) ajax发送前执行
ajaxsuccess(callback) ajax请求成功执行
请求成功的时候 隐藏提示信息
ajaxStart(callback) ajax开始请求时执行
你可以在界面弄一个隐藏的div 开始请求的时候 显示提示信息
ajaxStop(callback) ajax结束请求时候执行
注意 如果$.ajax 设置了 global:false 不触发全局事件
希望对你有所帮助 还有多看看Jquery API
展开全部
直接代码说话了 不懂的地方就说
//这个是全局的 图片你随便找个转圈的 或者 读取中的图片把路径换上就行
//这个是我现在用的 还是挺好用的
$loadMask = $("<div><img src='loading_detail.gif' /><br>正在加载数据..</div>");
$loadMask.css( {
'position' : 'absolute',
'top' : '0',
'left' : '0',
'width' : '280px',
'height' : '65px',
'border-radius' : '5px',
'padding-top' : '20px',
'opacity' : '0.8',
'z-index' : '999',
'text-align' : 'center',
'font-size' : '100%'
}).prependTo(document.body).hide();
$.ajaxSetup({
timeout : 50000,
beforeSend : function() {
$win = $(window);
var x = (($win.width() - $loadMask.outerWidth()) / 2)
+ $win.scrollLeft() + "px";
var y = (($win.height() - $loadMask.outerHeight()) / 2)
+ $win.scrollTop() + "px";
$loadMask.css( {
left : x,
top : y
}).show();
},
complete : function() {
$loadMask.hide();
}
});
//这个是全局的 图片你随便找个转圈的 或者 读取中的图片把路径换上就行
//这个是我现在用的 还是挺好用的
$loadMask = $("<div><img src='loading_detail.gif' /><br>正在加载数据..</div>");
$loadMask.css( {
'position' : 'absolute',
'top' : '0',
'left' : '0',
'width' : '280px',
'height' : '65px',
'border-radius' : '5px',
'padding-top' : '20px',
'opacity' : '0.8',
'z-index' : '999',
'text-align' : 'center',
'font-size' : '100%'
}).prependTo(document.body).hide();
$.ajaxSetup({
timeout : 50000,
beforeSend : function() {
$win = $(window);
var x = (($win.width() - $loadMask.outerWidth()) / 2)
+ $win.scrollLeft() + "px";
var y = (($win.height() - $loadMask.outerHeight()) / 2)
+ $win.scrollTop() + "px";
$loadMask.css( {
left : x,
top : y
}).show();
},
complete : function() {
$loadMask.hide();
}
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
比如页面太大
你可以在网页顶部放一张图片 或者一个层 里面谢提示信息
然后在</body>完了写
script 把那个层或图片隐藏起来
你可以在网页顶部放一张图片 或者一个层 里面谢提示信息
然后在</body>完了写
script 把那个层或图片隐藏起来
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询