Jquery easyui 下loaing效果示例代碼
更新時間:2013年08月12日 11:06:12 作者:
本文為大家詳細(xì)介紹下Jquery easyui 下loaing效果具體是如何實(shí)現(xiàn)的,感興趣的各位可以參考下
復(fù)制代碼 代碼如下:
//采用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,\\發(fā)送請求前打開進(jìn)度條
success: function(robj){
ajaxLoadEnd();\\任務(wù)執(zhí)行成功,關(guān)閉進(jìn)度條
}
});
您可能感興趣的文章:
- jquery easyui滾動條部分設(shè)置介紹
- Jquery EasyUI的添加,修改,刪除,查詢等基本操作介紹
- jquery easyui combobox模糊過濾(示例代碼)
- Jquery插件easyUi表單驗(yàn)證提交(示例代碼)
- Jquery下EasyUI組件中的DataGrid結(jié)果集清空方法
- Jquery EasyUI中彈出確認(rèn)對話框以及加載效果示例代碼
- jquery easyui中treegrid用法的簡單實(shí)例
- jQuery EasyUI datagrid實(shí)現(xiàn)本地分頁的方法
- jQuery+easyui中的combobox實(shí)現(xiàn)下拉框特效
- JQuery+EasyUI輕松實(shí)現(xiàn)步驟條效果
相關(guān)文章
jQuery 位置函數(shù)offset,innerWidth,innerHeight,outerWidth,outerHei
jQuery的位置函數(shù)(offset(),innerWidth(),innerHeight(),outerWidth(),outerHeight(),scrollTop(),scrollLeft())小應(yīng)用2010-03-03
jQuery實(shí)現(xiàn)仿路邊燈箱廣告圖片輪播效果
本文給大家介紹的是使用jQuery實(shí)現(xiàn)仿路邊燈箱廣告圖片輪播切換特效,效果非常棒,有需要的小伙伴可以參考下。2015-04-04
jQuery ajax請求struts action實(shí)現(xiàn)異步刷新
這篇文章主要為大家詳細(xì)介紹了JQuery ajax請求struts action實(shí)現(xiàn)異步刷新,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-04-04
Bookmarklet實(shí)現(xiàn)啟動jQuery(模仿 云輸入法)
最近流行的 sogo云輸入法, QQ云輸入法,都用到了bookmarklet技術(shù)。2010-09-09
解決qrcode.js生成二維碼時必須定義一個空div的問題
這篇文章主要介紹了解決qrcode.js生成二維碼時必須定義一個空div的問題,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
jquery如何把數(shù)組變?yōu)樽址畟鞯椒?wù)端并處理
這篇文章主要介紹了jquery如何把數(shù)組變?yōu)樽址畟鞯椒?wù)端并處理,需要的朋友可以參考下2014-04-04
javascript trim函數(shù)在IE下不能用的解決方法
trim 函數(shù)在firefox 下面使用沒有問題,但是在IE下就報錯,下面是可行的解決方法,大家可以看看2014-09-09
JQuery SELECT單選模擬jQuery.select.js
本文件是跟據(jù) zhangjingwei 的Jquery Select(單選) 模擬插件 V1.3.4 修改而來的,需要的朋友可以參考下。2009-11-11

