• 2010-04-26

    jQuery BlockUI 页面遮挡插件

    Views: 45981 | 3 Comments

    Web应用中常常需要这样的功能: 当用户点击"提交"按钮, 或者点击"刷新"链接AJAX获取新数据时, 都需要显示一个提示Loading的提示信息, 并且锁住按钮和某个区域, 避免用户重复操作. 使用 jQuery 的 BlockUI 插件可能轻松地达到该功能. 而且, BlockUI 的功能不仅如此, 它还能实现"弹出"窗口(如登录窗口), 气泡提示信息的功能.

    1. 遮挡整个页面

    直接调用 $.blockUI(), 即可锁定整个页面, 并提示信息:

    $.blockUI({ message: '<h1><img src="busy.gif" /> Just a moment...</h1>' }); 
    

    Continue reading »

    Posted by ideawu at 2010-04-26 11:47:00 Tags: , , ,
|<<<1>>>| 1/1 Pages, 1 Results.