BlockUI jQuery遮罩插件

最新推荐文章于 2018-10-16 15:38:00 发布

原创最新推荐文章于 2018-10-16 15:38:00 发布 · 623 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #BlockUI

js 专栏收录该内容

16 篇文章

订阅专栏

BlockUI是一款jQuery插件，用于实现AJAX操作时的页面或局部区域遮罩效果，防止用户在此期间与页面交互。该插件通过简单配置即可在指定div元素上显示加载提示并阻止用户操作。

BlockUI jQuery遮罩插件是一个可以应用到一个div的遮罩插件。

官网地址：http://jquery.malsup.com/block/（墙）

The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction.

根据div id进行遮罩，当然也可以对整个页面遮罩。

<div id="divid"></div>

加遮罩：

$('#divid').block({ 
		message:" 正在加载，请等待",
		css: { 
        border: 'none', 
        textAlign:'center', 
        '-webkit-border-radius': '10px', 
        '-moz-border-radius': '10px', 
        color: '#000' 
    } });

去掉遮罩：