Jquery遮罩ShowLoading組件

1、遮罩用途及效果css

    有時候咱們頁面調用後臺程序時間比較長時,前臺頁面暴露在用戶之下,若是用戶點擊可能會形成邏輯混亂。這時候,遮罩就起到了很好的效果,在觸發後臺程序時咱們將前臺頁面遮住,不讓操做,同時給予一個程序運行請等待的效果。jquery

遮罩效果:ide

2、JQuery遮罩UI實現函數

引用文件:
showLoading.css
jquery.showLoading.jsurl

  
  
           
  
  
  1. //activity_pane爲所需遮罩部分的標籤ID
  2. jQuery('#activity_pane').showLoading();  
  3. jQuery('#activity_pane').load(  
  4. //調用url
  5.     '<%=base%>inventorystock!listshow',   
  6.     //所傳參數,ID爲queryform表單下全部的表單參數
  7. $("#queryform").serialize(),  
  8.     function() {
  9. //回調函數,成功返回時去掉遮罩
  10.         jQuery('#activity_pane').hideLoading();  
  11. });    
相關文章
相關標籤/搜索