jQuery BlockUI与jqModal的比较

5

我需要一个模态窗口,告诉用户等待服务器完成一些工作。看起来BlockUIjqModal都可以实现这个功能。

你有使用过其中任何一个吗?优缺点是什么?我正在使用ASP.NET MVC。

4个回答

7
我使用jqModal和BlockUI进行了概念验证模态对话框,毫无疑问,BlockUI是它们中最“轻”的。它允许更简单地阻止访问任何jQuery可以选择的内容,并且只需将模态DIV的“消息”参数传递给它即可。它会自动设置display:block并将其置于模态覆盖层之上。
除了标准模态对话框外,如果$.ajax调用需要超过250ms,我还使用它在我的ajax接口上设置“请等待”对话框。

根据我的需求,BlockUI 看起来是最合适的选择。 - Riri

0

我正在使用BlockUI并且很喜欢它,但是需要注意的是,在Linux上的Firefox中它非常慢。它会将CPU占用率峰值提高到100%。


好像是一个透明度问题。 - ThiefMaster

0

我经常使用jqModal,非常喜欢它。它易于实现和灵活,但其主要目的是模态对话框。

我没有使用过BlockUI,尽管它似乎提供了一些不同的功能。它不仅可以在模态窗口中显示内容,还可以防止用户访问整个UI或部分UI。

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


0

我使用并喜欢两者。

对于简单的静态模态框,@Peter J的答案是正确的- BlockUI非常棒且非常轻量级。您可以将隐藏的div作为消息传递,并将其显示为模态对话框,可以通过jQuery绑定等方式进行交互。它不提供通过ajax检索消息的方法,除非手动编码(这与BlockUI的简单完美相反-在等待ajax操作完成时显示块消息)。

对于动态模态框,jqModal非常好,因为它可以通过ajax调用检索模态内容。它还可以为您处理触发元素(按钮、链接等),控制自己的显示/隐藏,但也提供了许多自定义选项。

要变得更加复杂-我甚至同时使用两者来显示通过jqModal提供的ajax对话框,然后在提交时通过BlockUI阻止它以显示自定义消息。(需要注意的一点是:请注意jqModal的默认z-index低于BlockUI的默认值,因此在一起使用时,需要将BlockUI basez选项设置得比jqModal的默认值3000高。)


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接