ajax調用期間添加蒙層blockUI

blockUI可以解決異步調用期間遮蓋的作用,限制用戶重複操作頁面。

用法:

  1.引入jquery.blockUI.js和jquery.min.js

   2.設置提示信息和樣式

       $.blockUI({
              message: '正在操作,請等待...',
              css: {
                 border:'none',                   // 無邊界
                 width:"150px",                  // 中間框框的寬度
                 top:"10%",                        // 高居中
                 left:"45%",                      // 左居中       
                 padding: '15px',
                opacity: .9   
              }
          });

    3.在.ajzx中設置參數(如果不進行設置,調用block()時會延遲加載)

         beforeSend:function(){
         blockUI();
         },

     4.關閉蒙層$.unblockUI();

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章