jQuery BlockUI與jqModal

Question

我需要一個模態窗口，告訴用戶等到我在服務器上完成一些工作。 看起來BlockUI和jqModal都可以做到這一點。

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

Answer 1

我用jqModal和BlockUI做了概念模態對話的證明，我可以毫無疑問地說BlockUI是它們中“最薄的”。 它允許更簡單的阻塞訪問jQuery可以選擇的任何東西，你只需傳遞一個模態DIV的“消息”參數。 它將自動設置display：block並將其設置在模態覆蓋的頂部。

除了標准的模態對話框，如果$ .ajax調用時間超過250毫秒，我還可以在我的ajax接口上設置“請稍候”對話框。

Answer 2

我正在使用BlockUI而且喜歡它，但是對明智的說法，知道在Linux上的Firefox非常慢。 它將CPU峰值提高到100％

Answer 3

我已經使用了jqModal，非常喜歡它。 它非常易於實現和靈活，但其主要目的是模態對話框。

我沒有使用過BlockUI，雖然它確實提供了一些不同的功能。 它不僅可以在模態窗口中顯示內容，還可以防止用戶訪問整個UI或部分UI。

另一種選擇是jQuery UI Dialog ，它更通用，可用於構建。 我在一個應用程序中使用它，雖然它沒有jqModal的開箱即用功能，但我認為如果我想構建一個與之集成的自定義插件，那將非常有用。

Answer 4

我和兩者都使用。

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

對於動態模態，jqModal很棒，因為它可以通過ajax調用檢索模態內容。 它還可以為您處理觸發元素（按鈕，鏈接等），控制顯示/隱藏本身，但也提供了以您喜歡的方式自定義它的功能。

為了變得更復雜 - 我甚至同時使用它們通過jqModal顯示ajax提供的對話框，然后在提交時通過BlockUI阻止它以顯示自定義消息。 （需要注意的一項：請注意，jqModal的默認z-index低於BlockUI的默認值，因此一起使用它們需要將BlockUI basez選項設置為高於jqModal的默認值3000。）