Web应用中常常需要这样的功能: 当用户点击"提交"按钮, 或者点击"刷新"链接AJAX获取新数据时, 都需要显示一个提示Loading的提示信息, 并且锁住按钮和某个区域, 避免用户重复操作. 使用 jQuery 的 BlockUI 插件可能轻松地达到该功能. 而且, BlockUI 的功能不仅如此, 它还能实现"弹出"窗口(如登录窗口), 气泡提示信息的功能.
1. 遮挡整个页面
直接调用 $.blockUI(), 即可锁定整个页面, 并提示信息:
$.blockUI({ message: '<h1><img src="busy.gif" /> Just a moment...</h1>' });