2009-02-26 93 views
5

我需要一個模態窗口,告訴用戶等待,直到我完成了服務器上的一些工作。看起來像BlockUIjqModal可以做到這一點。jQuery BlockUI與jqModal

你有任何經驗嗎?優點和缺點?我正在使用ASP.NET MVC。

回答

7

我做了兩個jqModal和BlockUI概念模式對話框的證明,我可以毫無疑問的是BlockUI是他們的「最薄」之稱。它允許更簡單的阻止訪問jQuery可以選擇的任何東西,並且只需將它傳遞給模態DIV的「消息」參數即可。它會自動設置display:block並將其設置在模態疊加層的頂部。

除了標準的模態對話框,我用它來建立一個「請稍候」在我的AJAX接口對話框如果$就調用超過250ms的時間也會更長。

+0

對於我的需求BlockUI看起來是最合適的。 – Riri 2009-02-27 07:14:55

0

我已經使用了jqModal,並且非常喜歡它。它非常易於實施且靈活,但其主要目的是模式對話。

我還沒有使用BlockUI,雖然它似乎提供了一些不同的功能。而不是僅僅在模態窗口中顯示內容,它可以阻止用戶訪問整個用戶界面或其中的一部分。

另一種選擇是jQuery UI Dialog這是更通用的,可以被用來建立在。我在一個應用程序中使用了它,雖然它沒有jqModal的開箱即用功能,但我認爲如果我想構建與其集成的自定義插件將非常有用。

0

我使用BlockUI,喜歡它,但聰明人的話,它是已知在Linux上的Firefox很慢。它使CPU達到100%

+0

聽起來像一個透明度問題 – ThiefMaster 2011-02-02 08:01:45

0

我同樣使用&。

對於簡單的靜態模式,@Peter J的回答是正確的 - BlockUI非常棒,非常輕巧。你可以傳入一個隱藏的div作爲消息,它會將它顯示爲模式對話框,它可以通過jQuery綁定等進行交互。它不提供通過ajax檢索消息而無需手動編碼的方法(它與BlockUI的簡單完美相反 - 在等待ajax操作完成時顯示阻止消息)。

對於動態模態,jqModal非常棒,因爲它可以通過ajax調用檢索模態內容。它還可以處理觸發元素(按鈕,鏈接等),控制顯示/隱藏本身,但也提供了一些能力讓您按照自己的喜好自定義它。

爲了獲得更多的複雜的 - 我甚至同時使用同時顯示經由jqModal一個Ajax提供的對話框,然後通過BlockUI阻止它在提交給顯示自定義消息。 (一個項目要注意:注意默認的z-index爲jqModal是默認BlockUI下方,以便使用它們放在一起,需要您設置BlockUI basez選項比jqModal默認的3000以上)