jQuery BlockUI与jqModal

Question

我需要一个模态窗口，告诉用户等待，直到我完成了服务器上的一些工作。看起来像BlockUI和jqModal可以做到这一点。

你有任何经验吗？优点和缺点？我正在使用ASP.NET MVC。

Answer 1

我做了两个jqModal和BlockUI概念模式对话框的证明，我可以毫无疑问的是BlockUI是他们的“最薄”之称。它允许更简单的阻止访问jQuery可以选择的任何东西，并且只需将它传递给模态DIV的“消息”参数即可。它会自动设置display：block并将其设置在模态叠加层的顶部。

除了标准的模态对话框，我用它来建立一个“请稍候”在我的AJAX接口对话框如果$就调用超过250ms的时间也会更长。

Answer 2

我已经使用了jqModal，并且非常喜欢它。它非常易于实施且灵活，但其主要目的是模式对话。

我还没有使用BlockUI，虽然它似乎提供了一些不同的功能。而不是仅仅在模态窗口中显示内容，它可以阻止用户访问整个用户界面或其中的一部分。

另一种选择是jQuery UI Dialog这是更通用的，可以被用来建立在。我在一个应用程序中使用了它，虽然它没有jqModal的开箱即用功能，但我认为如果我想构建与其集成的自定义插件将非常有用。

Answer 3

我使用BlockUI，喜欢它，但聪明人的话，它是已知在Linux上的Firefox很慢。它使CPU达到100％

Answer 4

我同样使用&。

对于简单的静态模式，@Peter J的回答是正确的 - BlockUI非常棒，非常轻巧。你可以传入一个隐藏的div作为消息，它会将它显示为模式对话框，它可以通过jQuery绑定等进行交互。它不提供通过ajax检索消息而无需手动编码的方法（它与BlockUI的简单完美相反 - 在等待ajax操作完成时显示阻止消息）。

对于动态模态，jqModal非常棒，因为它可以通过ajax调用检索模态内容。它还可以处理触发元素（按钮，链接等），控制显示/隐藏本身，但也提供了一些能力让您按照自己的喜好自定义它。

为了获得更多的复杂的 - 我甚至同时使用同时显示经由jqModal一个Ajax提供的对话框，然后通过BlockUI阻止它在提交给显示自定义消息。 （一个项目要注意：注意默认的z-index为jqModal是默认BlockUI下方，以便使用它们放在一起，需要您设置BlockUI basez选项比jqModal默认的3000以上）