这个jQuery插件能够为页面上的任意元素添加遮层,阻止用户操作。具体可以用于制作提示等待响应的对话框。当要执行某个较长操作时候,通过 blockUI来阻止当前用户继续操作。
1、使用场景 发送ajax请求时,禁止用户对浏览器的操作行为。 2、基本操作 发送ajax请求之前 $.blockUI(); ajax请求成功,返回时 这里写代码片 $.unblockUI(); 示例、 $.ajax({ url: url, type: 'GET', //GET async: false, //或false,是否异步 dat
使用 Jquery BlockUI 1 ajax (1)发送ajax请求时执行一个函数$.blockUI ,响应送达后执行一个函数$.unblockUI $(document).ajaxStart($.blockUI).ajaxStop($.unblockUI) (2)可以改变样式而且注意改变的时候$.blockUI包含在function(){}里面 $(document).
1 锁定页面的例子 <script type="text/javascript"> // unblock when ajax activity stops $().ajaxStop($.unblockUI); function test() { $.ajax({ url: 'wait.php', cache: false }); } $
插件地址:http://jquery.malsup.com/block/ 修改默认的css样式,大致在css文件126行,改后如下: css: { padding: 0, margin: 0, width: '30%', top: '40%', left: '35%', textAlign: 'center', color: '#fff', border: 'none'
首先给大家分享一个巨牛巨牛的人工智能教程,是我无意中发现的。教程不仅零基础,通俗易懂,而且非常风趣幽默,还时不时有内涵段子,像看小说一样,哈哈~我正在学习中,觉得太牛了,所以分享给大家!点这里可以跳转到教程 BlockUI插件需要那个jQuery版本的支持? BlockUI兼容jQuery v1.2.3以上的版本 BlockUI插件的V2版本有那些变化? 解
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
1.Login Form $(document).ready(function() { $('#demo1').click(function() { $.blockUI({ message: $('#loginForm') }); setTimeout($.unblockUI, 2000); }); }); 2.iPhoto (ish)