老蔡的个人专栏正式成立,以后工作中遇到的技术问题,或者生活中对一些事物的见解,都会和大家分享!独乐乐不如众乐乐!

Jquery blockUI的常用设置说明及下载

WEB前端 BlandonTsai 2880℃ 0评论

BlockUI做为一款基于Jquery的弹出层插件,具有很强的实用性。笔者在处理河南移动商城的详情页时也是使用这款插件,以实现与用户的流程往复互动。同时,这款插件的兼容性还是蛮不错的,笔者当时实现了IE6-IE10及Chrom、Fiexfox等常用浏览器的兼容。

BlockUI 插件是用于进行AJAX操作时模拟同步传输时锁定浏览器操作。当它被激活时,它会阻止使用者与页面(或页面的一部分)进行交互,直至它被取消。 BlockUI以在DOM中添加元素的方法来实现阻止用户与浏览器交互的外观和行为。

1、打开弹出层

2、配置信息

// 可以使用以下代码来自定义行为和样式

3、关闭弹出层

4、使用默认设置来同步AJAX请求动作

改变blockUI的设置非常简单,有2种方式:

1、全局设置

通过jquery.blockui.js直接指定$.blockUI.defaults对象的值来设置

2、局部设置

将options对象放到 blockUI (或 block) 函数内部。

常用的blockUI操作层动作:

1.弹出层居中

2.点击遮罩层关闭弹出层

3.点击按钮关闭弹出层

4.键盘ESC关闭弹出层

Jquery.blockUI.js【点击下载

转载请注明:似水流年 » Jquery blockUI的常用设置说明及下载

如果觉得文章还不错,欢迎打赏
喜欢 (0)or分享 (0)
头像
发表我的评论
取消评论