JQuery.BlockUI

使用 Jquery BlockUI 1    ajax (1)发送ajax请求时执行一个函数$.blockUI ,响应送达后执行一个函数$.unblockUI $(document).ajaxStart($.blockUI).ajaxStop($.unblockUI) (2)可以改变样式而且注意改变的时候$.blockUI包含在function(){}里面 $(document).ajaxStart(function(){$.blockUI({ message:$('#loading'), cs

Overview jQuery BlockUI 插件可以在不同锁定浏览器的同时,模拟同步模式下发起Ajax请求的行为.该插件激活时,会组织用户在页面进行的操作,直到插件被关闭.BlockUI通过向DOM中添加元素实现其外观和组织用户交互的行为. 使用jQuery BlockUI,首先需要在jQuery后面引用 jquery.blockUI.js jquery.blockUI.js插件下载地址:http://jquery.malsup.com/block/ 用法很简单,组织用户对页面的交互: $.

JQuery.BlockUI是众多JQuery插件弹出层中的一个,它小巧(原版16k,压缩后10左右),容易使用, 功能齐全,支持Iframe,支持Modal,可定制性高也意味他默认谦虚的外表. jQuery的BlockUI插件可以让你在使用AJAX时模拟同步行为,锁定浏览器(模式窗口).当被激活时,它会防止用户活动的页面(或页面的一部分),直到它被禁用. BlockUI添加元素的DOM,给它的外观和阻止用户交互行为. 1.首先引入插件     <script src="jquery.mi

当我们在前端通过ajax调用后台的时候,由于数据量各有不同,可能会造成长时间的等待,但此时等待的用户仍然可以操作界面上的其他元素,例如重新点击一个按钮,这种情况是不被允许的.或者有时候需要执行某些操作后,对用户界面进行锁屏,经过一段时间后重新恢复,此时当然会想到在页面上增加一层div来进行遮挡,但jQuery的BlockUI已经帮你完成了这样的工作,我们可以通过简单的js代码来达到各种各样的效果.jQuery BlockUI使用: 通过以下地址可以访问BlockUI的官网,上面有众多的Demo可

Overview The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser[1]. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds element

1.Login Form $(document).ready(function() { $('#demo1').click(function() { $.blockUI({ message: $('#loginForm') }); setTimeout($.unblockUI, 2000); }); }); 2.iPhoto (ish) $(document).ready(function() { $('#demo2').click(function() { $.blockUI({ css: {

Simple Modal Dialog Example This page demonstrates how to display a simple modal dialog. The button below will invoke blockUI with a custom message. Depending upon the user response (yes or no) an ajax call will be made while keeping the UI blocked.

This page demonstrates several ways to block the page. Each button below activates blockUI and then makes a remote call to the server. The following code is used on this page: <script type="text/javascript"> // unblock when ajax activity s

1 锁定页面的例子 <script type="text/javascript"> // unblock when ajax activity stops $().ajaxStop($.unblockUI); function test() { $.ajax({ url: 'wait.php', cache: false }); } $(document).ready(function() { $('#pageDemo1').click(function() { $.blo