blockUI 是一个用来提示等待信息的 jQuery 插件,当要执行某个较长操作时候,通过 blockUI 来阻止当前用户继续操作。
代码示例:
$(document).ready(function() { $('#test').click(function() { $.blockUI({ message: $('#question'), css: { width: '275px' } }); }); $('#yes').click(function() { // update the block message $.blockUI({ message: "<h1>Remote call in progress...</h1>" }); $.ajax({ url: 'wait.php', cache: false, complete: function() { // unblock when remote call returns $.unblockUI(); } }); }); $('#no').click(function() { $.unblockUI(); return false; }); });