没有对话框的jQuery UI覆盖[重复]答案

【问题标题】：jQuery UI overlay without dialog [duplicate]没有对话框的jQuery UI覆盖[重复]
【发布时间】：2012-12-09 05:31:50
【问题描述】：

可能重复：
jQuery UI: How to use ui-widget-overlay by itself?

我想避免用户在 ajax 调用期间更改屏幕。所以我想使用 jQuery UI 覆盖（模态对话框的覆盖）但没有任何对话框。我找不到任何方法来做到这一点。

有没有办法在没有对话框的情况下显示模式？

【问题讨论】：

【解决方案1】：

我接受this answer 的另一个 SO 问题。

还有代码：

$("body").append($.ui.dialog.overlay.create())

【讨论】：

【解决方案2】：

modal选项设置为true的对话框添加如下div，其中width和height代表浏览器窗口的可视区域：

<div class="ui-widget-overlay" style="width: 607px; height: 350px; z-index: 1001;"></div>

你可以在你的页面上尝试类似的东西。请参阅http://jqueryui.com/dialog/#modal，然后在演示 iframe 上查看源代码以获取完整源代码。

【讨论】：

【解决方案3】：

他们的代码显示他们在小部件上调用了_createOverlay() 和_destroyOverlay()。您可以尝试创建一个对话框并使用autoOpen:false 对其进行初始化，然后手动调用这些方法。

【讨论】：