jquery處理頁面彈出層查詢數據等待操作實例教程

本文實例講述瞭jquery處理頁面彈出層查詢數據等待操作。分享給大傢供大傢參考。具體實現方法如下:

$(document).ready(function(){ 
  layer.load(0);
//初始化加載
//可選范圍(0-9)0表示等返回結果後關閉,1-9表示自動關閉時間(s) 
});

當查詢結果集返回後,設置關閉等待的樣式

function init_page_pro(sdate, pro) {
$.post("detail.key", {
  'pro' : pro,
  'sdate' : sdate
}, function(result, resultState) {
  if (resultState == "success") {
 var resultJson = eval(result);
 //alert(result);
 layer.closeAll()//關閉所有加載
  }
});
}

註:雖然隻調用這兩個方法即可實現等待效果,但都是牛人封裝好的,需要源文件的,具體需要到我的資源中去下載即可使用,然後放到項目相應的路徑即可

最後效果如下圖所示:

You May Also Like