如果你正在尋找一種簡單易用的網頁加載遮罩,那么jquery blockui.js就是你的不二之選。
$(document).ajaxStart(function(){ $.blockUI({ message: 'Just a moment...
' }); }).ajaxStop($.unblockUI);
這里是一個簡單的例子,當頁面進行ajax請求時,blockUI將會彈出一個消息框,提示用戶“稍等片刻”。
blockUI也可以用來彈出警告框、確認框等等。下面是一個彈出警告框的例子:
$.blockUI({ message: 'Warning
This is a warning message
' });
以上代碼將會彈出一個警告框,提示用戶有重要的信息需要注意。
通過使用blockUI,我們可以讓用戶更好的體驗網頁,避免用戶在等待過程中進行其他的操作。