jquery中.blockUI的简单示例

我请通过一个简单的演示向我介绍blockUI的目的

-谢谢

看一下插件页面上的演示 。

你需要在页面中有以下内容(按此顺序)

  1. 添加对jQuery核心脚本的引用
  2. 添加对Block UI脚本的引用
  3. 在需要时添加实现叠加层所需的jQuery代码

从主页 :

jQuery BlockUI插件允许您在使用AJAX时模拟同步行为,而无需锁定浏览器1 。 激活后,它将阻止用户对页面(或页面的一部分)的活动,直到它被取消激活。 BlockUI向DOM添加元素,以便为其提供阻止用户交互的外观和行为。

如果你想拥有ajax,但是你也希望在发生长ajax请求时阻止用户输入,那么BlockUI就是你的选择。

从这个链接创建一个js文件jquery.blockUI.js并将其放入你的js文件包含的项目中

并在html中编写此代码:

 {% block customjs %}  

这是一个简单的演示。可能会对你有所帮助

添加对jquery.blockUI.js的引用