jQuery BlockUI 与 jqModal
我需要一个模式窗口，告诉用户等待我完成服务器上的一些工作。 看起来像 BlockUI 和 jqModal 可以做到这一点。
您对其中任何一个有任何经验吗？ 优点和缺点？ 我正在使用 ASP.NET MVC。
I need a modal windows that tells the user to wait until I've finished some work on the server. Looks like both BlockUI and jqModal can do this.
Do you have any experiences with any of them? Pros and cons? I'm using ASP.NET MVC.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
我使用 jqModal 和 BlockUI 进行了概念验证模态对话框，我可以毫无疑问地说 BlockUI 是其中“最薄”的。 它允许更简单地阻止对 jQuery 可以选择的任何内容的访问，并且您只需向其传递模态 DIV 的“消息”参数即可。 它将自动设置 display:block 并将其设置在模式叠加层的顶部。
除了标准模式对话框之外，如果 $.ajax 调用时间超过 250 毫秒，我还用它在我的 ajax 界面上设置一个“请稍候”对话框。
I did proof of concept modal dialogs with both jqModal and BlockUI, and I can say without a doubt that BlockUI is the "thinnest" of them. It allows much simpler blocking access to anything that jQuery can select, and you simply pass it a "message" parameter of the modal DIV. It will automatically set display:block and set it on top of the modal overlay.
In addition to standard modal dialogs, I use it to set a "please wait" dialog on on my ajax interfaces if the $.ajax call takes longer than 250ms.
我经常使用 jqModal 并且非常喜欢它。 它非常易于实现且灵活，但其主要目的是模式对话框。
我没有使用过 BlockUI，尽管它似乎提供了一些不同的功能。 它不仅可以在模式窗口中显示内容，还可以阻止用户访问整个 UI 或部分 UI。
另一个选项是 jQuery UI 对话框，它更通用，可用于建立在。 我在一个应用程序中使用它，虽然它没有 jqModal 的开箱即用功能，但我认为如果我想构建一个与其集成的自定义插件，它将非常有用。
I've used jqModal quite a bit and really like it. It is very easy-to-implement and flexible, however its primary purpose is the modal dialog.
I have not used BlockUI, although it does seem to provide some different functionality. Rather than just displaying content in modal windows, it can prevent the user from access the whole UI or parts of it.
Another option is the jQuery UI Dialog which is more generic and can be used to build upon. I use this in one application, and although it does not have the out-of-the-box functionality of jqModal, I think it would be very useful if I wanted to build a custom plug-in that integrated with it.
我正在使用 BlockUI 并且很喜欢它，但是明智的说法是，众所周知，它在 Linux 中的 Firefox 上速度非常慢。 CPU 峰值达到 100%
I'm using BlockUI and love it, but word to the wise, It's known to be VERY slow on Firefox in linux. It peaks CPUs to 100%
我使用 & 两者都喜欢。
对于简单的静态模态，@Peter J 的答案是正确的 - BlockUI 非常棒并且非常轻量级。 您可以传入一个隐藏的 div 作为消息，它会将其显示为模式对话框，可以通过 jQuery 绑定等进行交互。它不提供通过 ajax 检索消息而无需手动编码的方法（与 BlockUI 的简单完美相反——在等待 ajax 操作完成时显示块消息）。
对于动态模态，jqModal 非常有用，因为它可以通过 ajax 调用检索模态内容。 它还可以为您处理触发元素（按钮、链接等），控制显示/隐藏本身，同时还为您提供以任何您想要的方式自定义它的能力。
为了变得更复杂 - 我什至同时使用两者来通过 jqModal 显示 ajax 提供的对话框，然后在提交时通过 BlockUI 阻止它以显示自定义消息。 （需要注意的一点是：请注意，jqModal 的默认 z-index 低于 BlockUI 的默认 z-index，因此将它们一起使用需要将 BlockUI basez 选项设置为高于 jqModal 的默认 3000。）
I use & like both.
For simple static modals, @Peter J's answer is correct - BlockUI is fantastic and very lightweight. You can pass in an hidden div as the message and it will display it as a modal dialog, which can be made interactive via jQuery binds, etc. It does not provide a method to retrieve the message via ajax without hand-coding it (which is counter to BlockUI's simple perfection- to display a block message while you wait for an ajax operation to complete).
For dynamic modals, jqModal is great as it can retrieve modal content via ajax calls. It can also handle the triggering element for you (button, link, etc), controlling the show/hide itself, though also provides abilities for you to customize it any way you'd like.
To get more complex - I even use both simultaneously to display an ajax-provided dialog via jqModal, then block it via BlockUI upon submit to display a custom message. (One item to note: be aware the default z-index for jqModal is below default for BlockUI so using them together requires you set BlockUI basez option higher than jqModal's default 3000.)