jQuery UI覆盖无对话框

Question

可能的重复：
jQuery UI：如何单独使用UI-Widget-Roverlay？

我想避免在AJAX调用期间更改屏幕。因此，我正在考虑使用jQuery UI叠加层（模态对话框的覆盖），但没有任何对话框。我找不到任何方法。

是否有任何方法可以显示模式，而无需对话框？

Answer 1

我接受了另一个问题的答案。

这里有一个小提琴。

和代码：

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

Answer 2

具有模态选项设置为true的对话框添加以下div，其中宽度和高度表示浏览器窗口中的可见区域：

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

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

Answer 3

https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.dialog.js

他们的代码表明他们在小部件上调用_createOverlay()和_destroyOverlay()。您可以尝试创建一个对话框并使用autoOpen:false启动，然后手动调用这些方法。