Heim  >  Artikel  >  Web-Frontend  >  Jquery easyui 下loaing效果示例代码_jquery

Jquery easyui 下loaing效果示例代码_jquery

WBOY
WBOYOriginal
2016-05-16 17:25:53987Durchsuche
复制代码 代码如下:

//采用jquery easyui loading css效果
function ajaxLoading(){
    $("
").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body");
    $("
").html("正在处理,请稍候。。。").appendTo("body").css({display:"block",left:($(document.body).outerWidth(true) - 190) / 2,top:($(window).height() - 45) / 2});
 }
 function ajaxLoadEnd(){
     $(".datagrid-mask").remove();
     $(".datagrid-mask-msg").remove();            
}

$.ajax({
type: 'POST',
url: 'sendLettersAgain.action',
data: {id:obj.id},
beforeSend:ajaxLoading,\\发送请求前打开进度条
success: function(robj){
ajaxLoadEnd();\\任务执行成功,关闭进度条
}
});
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn