没有对话框的jQuery UI覆盖

时间:2012-12-21 16:11:41

标签: jquery jquery-ui overlay jquery-ui-dialog

  

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

我想避免用户在ajax调用期间更改屏幕。所以我想使用jQuery UI overlay(模态对话框的叠加)但没有任何对话框。我找不到任何办法。

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

3 个答案:

答案 0 :(得分:5)

我接受另一个问题的this answer

Here there is a fiddle

代码:

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

答案 1 :(得分:2)

将模态选项设置为true的对话框添加以下div,其中width和height表示浏览器窗口中的可查看区域:

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

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

答案 2 :(得分:1)

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

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