ajax调用期间添加蒙层blockUI

来源:互联网 发布:ubuntu共享文件夹路径 编辑:程序博客网 时间:2024/04/29 03:25

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();

0 0
原创粉丝点击