https://blog.csdn.net/qq_24273557/article/details/60960100

BlockUI插件需要那个jQuery版本的支持?
BlockUI兼容jQuery v1.2.3以上的版本

BlockUI插件的V2版本有那些变化?
解除锁定的时候,用于提示信息的元素不会从DOM中移除
默认的遮罩层为黑色
可用的选项设置进行了统一和清理
设置插件选项的方法改变了
放弃了对Opera 8的支持
提高了源代码的可读性
移除了displayBox功能 (其他 plugins会做的更好)

我的原代码中的blockUI插件与新的2.00版兼容么?
不兼容,如果原代码改变了blockUI的默认属性,那么会出现兼容问题。如何设置选项的语法发生了细微的改变。请查看Options页来了解新版本的选项设置方法。

BlockUI插件还依赖于其他的插件么?
不依赖

我如何使用外部样式表来格式化提示信息?
请查看 demo页.

我可以改变页面锁定时默认的提示信息么?
 
可以。默认的提示信息储存在$.blockUI.defaults.message中。你可以以一个新的值来替换它,例如:
$.blockUI.defaults.message = "Please be patient...";

我能够改变遮罩层的颜色和透明度么?

可以。默认的遮罩层样式储存在 $.blockUI.defaults.overlayCSS中。你可以指定一个不同的颜色和透明度,

例如
// 使用黄色遮罩层
$.blockUI.defaults.overlayCSS.backgroundColor = '#ff0';
// 使遮罩层更透明
$.blockUI.defaults.overlayCSS.opacity = '.2';

BlockUI支持Opera 8么?
不支持
 
在Linux的FF上我为什么看不到遮罩层?

有几个人告诉我,在FF/Linux上整个页面的透明度渲染慢的让人发疯,所以默认情况下,在这些平台上遮罩层不透明。你可以重设applyPlatformOpacityRules值来启用透明度。例如:

// 在FF/Linux下启用遮罩层透明$.blockUI.defaults.applyPlatformOpacityRules = false;

BlockUI基本使用
      // 当有ajax请求时,当加载信息较慢时,会显示该等待信息,带来良好的用户体验
        $(document).ajaxStart(function () {
            $.blockUI({

// $.blockUI.defaults.message = "请稍候";(不写在$.blockUI({})里,写在外面)
                message: '<span style="font-size:13px;font-weight:bolder">请稍候</span>',

// 指的是提示框的css
                css: {
                    width: "45px",   // 宽度小一点
                    top: "50%",
                    left: "50%"
                },

// 遮光罩的css
                // 等价$.blockUI.defaults.overlayCSS.backgroundColor = "#E4E7EC";
                overlayCSS: {
                    backgroundColor: "yellow",
                    opacity:"0.8"
                }
            });
        });

下载
新版本的blockUI v2.00可以在这里得到: jquery.blockUI.js.

旧版本的blockUI仍然可以在这里得到: http://jqueryjs.googlecode.com/svn/trunk/plugins/blockUI/jquery.blockUI.js. 旧版本的文档在这里.

版权声明:本文为博主原创文章,未经博

Jquery中BlockUI的遮罩效果详解相关推荐

  1. jQuery中getJSON跨域原理详解

    详见:http://blog.yemou.net/article/query/info/tytfjhfascvhzxcytp28 jQuery中getJSON跨域原理详解 前几天我再开发一个叫 河蟹工 ...

  2. php delegate,jQuery中delegate()方法的用法详解

    delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数.下面我们具体来了解一下. 语法结构: 代码如下: $(selector).d ...

  3. JQuery在循环中绑定事件的问题详解

    JQuery在循环中绑定事件的问题详解 有个页面上需要N个DOM,每个DOM里面的元素ID都要以数字结尾,比如说 ? 1 2 3 <input type="text" nam ...

  4. Android中measure过程、WRAP_CONTENT详解以及xml布局文件解析流程浅析(下)

       本文原创, 转载请注明出处:http://blog.csdn.net/qinjuning 上篇文章<<Android中measure过程.WRAP_CONTENT详解以及xml布局文 ...

  5. resultmap的写法_mybatis的mapper.xml中resultMap标签的使用详解

    1.前言 最近博主在做一个ssm框架的共享汽车管理系统,其中,数据库字段设计的有下划线方式,a_username,然后在写mapper.xml里面的sql语句的时候,一直出现查询语句查询的值为null ...

  6. mysql中find_in_set_mysql中find_in_set()函数的使用详解

    首先举个例子来说: 有个文章表里面有个type字段,它存储的是文章类型,有 1头条.2推荐.3热点.4图文等等 . 现在有篇文章他既是头条,又是热点,还是图文,type中以 1,3,4 的格式存储.那 ...

  7. python中configparser详解_Python中的ConfigParser模块使用详解

    1.基本的读取配置文件 -read(filename) 直接读取ini文件内容 -sections() 得到所有的section,并以列表的形式返回 -options(section) 得到该sect ...

  8. 聚类 python_python中实现k-means聚类算法详解

    算法优缺点: 优点:容易实现 缺点:可能收敛到局部最小值,在大规模数据集上收敛较慢 使用数据类型:数值型数据 算法思想 k-means算法实际上就是通过计算不同样本间的距离来判断他们的相近关系的,相近 ...

  9. java asynchronize_Java 中synchronize函数的实例详解

    Java 中synchronize函数的实例详解 java中的一个类的成员函数若用synchronized来修饰,则对应同一个对象,多个线程像调用这个对象的这个同步函数时必须等到上一个线程调用完才能由 ...

  10. java实现for文件删除_Java 添加、删除、替换、格式化Word中的文本的步骤详解(基于Spire.Cloud.SDK for Java)...

    Spire.Cloud.SDK for Java提供了TextRangesApi接口可通过addTextRange()添加文本.deleteTextRange()删除文本.updateTextRang ...

最新文章

  1. 想体验无人商店?去京东他们家直接刷脸!
  2. Errors running builder 'JavaScript Validator' on project
  3. mysql8.0本机登录要1秒_Mysql8.0的登录大坑……(忘记登录密码也可以这么搞)
  4. 年仅48岁,985高校教授离世
  5. illegal utf8 encoding at (190)
  6. 理解思科IPS系统的traffic flow notifications
  7. CCF CSSP202009-1称检测点查询
  8. html文档元素两部分,html元素
  9. 关于Cluster 脑裂的文章
  10. SuperWebSocket发布了第一个测试版
  11. KISSsoft03-2018F SP6,计算和重新分析机器零件
  12. 0.96寸OLED 屏幕SSD1306驱动四脚原理图PDF
  13. 聊一聊积分墙的那些事儿
  14. 全网最全的 MySQL 索引优化方案
  15. 雨落江满泛涟漪 尘拂心海滤情音 相思入云寄清风
  16. 如果忘记Mac密码该怎么办
  17. 地铁3D可视化,让一切尽在掌握
  18. 微信小程序 某个页面直接返回首页(微信小程序回退到首页)
  19. KNIME + Python = 数据分析+报表全流程
  20. Command(命令模式)行为型

热门文章

  1. c语言最新标准c22,C++20标准(c++标准手册) 官方最新版PDF
  2. 腾讯翻译君在线翻译怎么翻译整个文件_PDF文档如何直接翻译?有了这个逆天网站,3秒完成整个文件翻译...
  3. 免费下载IEEE,SCI论文
  4. c语言常用图形函数库,easyx安装过程及c语言常用图形库函数全解.ppt
  5. “玄姐”孙玄,特立独行的架构师
  6. MybatisPlus官方文档
  7. IOCCC.1987.korn.c.解析
  8. WIN7(32位)VS2010+openCV 2.4.10+PCL 1.6.0+CUDA 6.5.14+CMake 3.2.1+SSBA-3.0配置
  9. 《数字电子技术基础》6.3 时序逻辑电路——寄存器、计数器及脉冲发生器功能介绍
  10. 海思 K3V2的前世今生