Jquery中BlockUI的詳解

blockui插件需要那個jquery版本的支援？

blockui相容jquery v1.2.3以上的版本

blockui插件的v2版本有那些變化？

解除鎖定的時候，用于提示資訊的元素不會從dom中移除

預設的遮罩層為黑色

可用的選項設定進行了統一和清理

設定插件選項的方法改變了

放棄了對opera 8的支援

提高了源代碼的可讀性

移除了displaybox功能 (其他 plugins會做的更好)

我的原代碼中的blockui插件與新的2.00版相容麼？

不相容，如果原代碼改變了blockui的預設屬性，那麼會出現相容問題。如何設定選項的文法發生了細微的改變。請檢視options頁來了解新版本的選項設定方法。

blockui插件還依賴于其他的插件麼？

不依賴

我如何使用外部樣式表來格式化提示資訊？

我可以改變頁面鎖定時預設的提示資訊麼？

可以。預設的提示資訊儲存在$.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 style="font-size:13px;font-weight:bolder">請稍候</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.