jQuery BlockUI Plugin Demo 3(Page Blocking Examples)
2024-10-06 09:03:05
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 stops
$(document).ajaxStop($.unblockUI); function test() {
$.ajax({ url: 'wait.php', cache: false });
} $(document).ready(function() {
$('#pageDemo1').click(function() {
$.blockUI();
test();
});
$('#pageDemo2').click(function() {
$.blockUI({ message: '<h1><img src="busy.gif" /> Just a moment...</h1>' });
test();
});
$('#pageDemo3').click(function() {
$.blockUI({ css: { backgroundColor: '#f00', color: '#fff' } });
test();
}); $('#pageDemo4').click(function() {
$.blockUI({ message: $('#domMessage') });
test();
});
}); </script> ... <div id="domMessage" style="display:none;">
<h1>We are processing your request. Please be patient.</h1>
</div>
参考:http://malsup.com/jquery/block/#overview
最新文章
- 使用axis开发web service服务端
- windows下安装MongoDB要注意的问题
- Educational Codeforces Round 15 [111110]
- JavaScript基础13——js的string对象
- 夺命雷公狗---DEDECMS----6快速入门之总结篇
- UILabel的抗压缩、抗拉伸、以及控件的约束简述
- YARN学习笔记(一)——YARN的简介
- global文件中的application_start方法中做: 定时器
- java中数组、list、泛型集合的长度
- c#项目减少源代码大小
- Windows环境使用Nexus-3.x搭建Maven私服
- PHP学习-类
- (原)Echarts 报Uncaught Error: Initialize failed: invalid dom 根本解决
- 二叉堆复习(包括d堆)
- Jquery获取选中的文本值
- Python字符串与二进制串的相互转换
- SWIFT中数字格式
- Linux nc命令用法收集
- 使用C语言实现线性表
- VIO系统的IMU与相机时间偏差标定