jQuery Ajax 加载遮罩插件

Question

有没有人知道一个好的插件，可以使用ajax加载覆盖层，在数据加载完成之前防止浏览器中的任何其他操作。

- coool

---

顺便提一下，这被称为“模态”对话框或弹出窗口 - 如果你在寻找脚本的话，这是个好知识 :) - Al.

Answer 1

加载遮罩插件

- serg

---

看起来简单且轻量级...还没有尝试验证是否有问题... - coool

如果您使用制表符，仍然可以在被阻止的字段中进行编辑。 - Zo Has

@Popo：将遮罩应用于BODY元素。这样整个页面都会被阻止。 - Andrew L.

Answer 2

尝试使用 blockUI：http://malsup.com/jquery/block/

这与 AJAX 没有直接联系，但你可以在单独进行自己的 AJAX 调用时调用它。

- VoteyDisciple

Answer 3

我又做了一个更适合这种情况的：

http://plugins.jquery.com/project/loading

你所需要做的就是：

$.loading({onAjax:true,mask:true});

这将自动将其连接到ajax事件。虽然还有很多选项和功能。您可以使用文本、任意元素，应用“脉冲”效果等。请查看演示：

http://jquery-values.googlecode.com/svn/other/loading/jquery.loading.htm

- Nathan Bubna

---

很棒的插件，有什么想法为什么它不能与jQtouch一起使用？http://code.google.com/p/jqtouch/ - shaiss

不，遗憾的是我没有 iPhone 来尝试它。你看到了什么问题？ - Nathan Bubna

然而，它几乎不是独立的，而是依赖于许多其他插件。 - Rutger van Baren

这很棒，但由于某种原因，它只在我第一次单击按钮时显示。在随后的尝试中，它会遮盖div但不显示覆盖层。有人知道为什么吗？ - sd_dracula

很遗憾，它已经被忽视了。我需要升级它以适应现代的jQuery，可能也要迁移到GitHub上。 - Nathan Bubna

Answer 4

这是最好的：http://malsup.com/jquery/block/#overview

- LT.Nolo

Answer 5

你可以使用 dojox.widget.Standby，但需要在覆盖层上标记内容为 data-dojo-type="dojox.widget.Standby"。

然后你只需要通过 dijit.byId('id').hide()/show() 获取小部件即可。

参见：dojox.widget.Standby documentation。

- user1995621

---

这个问题被标记为 [tag:jquery]。我不认为OP想使用dojo。 - Tejas Kale