323
Jquery中BlockUI的詳解
BlockUI插件需要那個jQuery版本的支持？
BlockUI兼容jQuery v1.2.3以上的版本
BlockUI插件的V2版本有那些變化？
解除鎖定的時候，用於提示信息的元素不會從DOM中移除
默認的遮罩層為黑色
可用的選項設置進行了統一和清理
設置插件選項的方法改變了
放棄了對Opera 8的支持
提高了源代碼的可讀性
移除了displayBox功能 (其他 plugins會做的更好)
我的原代碼中的blockUI插件與新的2.00版兼容麼？
不兼容，如果原代碼改變了blockUI的默認屬性，那麼會出現兼容問題。如何設置選項的語法發生了細微的改變。請查看Options頁來了解新版本的選項設置方法。
BlockUI插件還依賴於其他的插件麼？
不依賴
我如何使用外部樣式表來格式化提示信息？
請查看 demo頁.
我可以改變頁麵鎖定時默認的提示信息麼？
可以。默認的提示信息儲存在$.blockUI.defaults.message中。你可以以一個新的值來替換它，例如：
$.blockUI.defaults.message = "Please be patient...";
我能夠改變遮罩層的顏色和透明度麼？
可以。默認的遮罩層樣式儲存在 $.blockUI.defaults.overlayCSS中。你可以指定一個不同的顏色和透明度，
例如
// 使用黃色遮罩層
$.blockUI.defaults.overlayCSS.backgroundColor = '#ff0';
// 使遮罩層更透明
$.blockUI.defaults.overlayCSS.opacity = '.2';
BlockUI支持Opera 8麼？
不支持
在linux的FF上我為什麼看不到遮罩層？
有幾個人告訴我，在FF/Linux上整個頁麵的透明度渲染慢的讓人發瘋，所以默認情況下，在這些平台上遮罩層不透明。你可以重設applyPlatformOpacityRules值來啟用透明度。例如:
// 在FF/Linux下啟用遮罩層透明$.blockUI.defaults.applyPlatformOpacityRules = false;
BlockUI基本使用
// 當有ajax請求時，當加載信息較慢時，會顯示該等待信息，帶來良好的用戶體驗
$(document).ajaxStart(function () {
$.blockUI({
// $.blockUI.defaults.message = "請稍候";(不寫在$.blockUI({})裏，寫在外麵)
message: '<span >請稍候</span>',
// 指的是提示框的css
css: {
width: "45px", // 寬度小一點
top: "50%",
left: "50%"
},
// 遮光罩的css
// 等價$.blockUI.defaults.overlayCSS.backgroundColor = "#E4E7EC";
overlayCSS: {
backgroundColor: "yellow",
opacity:"0.8"
}
});
});
下載
新版本的blockUI v2.00可以在這裏得到: jquery.blockUI.js.
舊版本的blockUI仍然可以在這裏得到： https://jqueryjs.googlecode.com/svn/trunk/plugins/blockUI/jquery.blockUI.js. 舊版本的文檔在這裏.
原帖地址：https://www.cssrain.cn/demo/blockUI-V2/jQuery/blockUI/jQueryBlockUI.html
最後更新：2017-04-02 22:16:01