您的位置：首页 > Web前端 > JQuery

Jquery easyui 下loaing效果示例代码

2018-10-12 14:02 489 查看


//采用jquery easyui loading css效果 
function ajaxLoading(){ 
    $("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body"); 
    $("<div class=\"datagrid-mask-msg\"></div>").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();\\任务执行成功，关闭进度条 
} 
});

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航