2

可能重复:
jQuery UI:如何单独使用 ui-widget-overlay?

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

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

4

3 回答 3

5

我接受另一个 SO question 的答案

这里有一个小提琴

和代码:

$("body").append($.ui.dialog.overlay.create())
于 2012-12-21T16:25:09.173 回答
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 上查看源代码以获取完整源代码。

于 2012-12-21T16:15:35.840 回答
1

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

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

于 2012-12-21T16:19:04.387 回答