如何在jQuery UI中处理模态对话框淡出？

在http://jqueryui.com/demos/dialog/#modal-form，有一个示例模态对话框;当你点击“创建新用户”时，它会显示一个模态对话框并淡化除对话框以外的所有内容。如何在jQuery UI中处理模态对话框淡出？

在我的工作基础上，我已经指定了“modal：true”，模态对话框出现并适当消失，但没有其他东西变灰;屏幕的其余部分看起来像以前一样。

我是否需要应用额外的CSS或提供图像？简单看一下示例源代码并没有说清楚我需要添加什么，以便使背景灰显。

如果我需要提供其他静态内容，如何在Django/static/tree下提供它？换句话说，我是否需要制作/ foo /和/ bar /其他静态内容目录，还是可以与/ static /的子目录一起工作？

2010-07-14 JonathanHayward

当您将modal:true作为ui-dialog的选项之一传递时，应该有一个重叠的div元素使用高z-索引和类名ui-widget-overlay分配给它。如果您决定编写自己的样式表而不是使用其中一种可用的样式表作为模板，那么您可能需要在样式表中定义ui-widget-overlay类，设置其不透明度等。

来源

2010-07-14 20:04:46 dmkc

谢谢;让我玩这个。 – JonathanHayward 2010-07-14 20:05:22

我创建了一个高Z值的覆盖div（div为1000，未为表单输入指定）。背景颜色和背景图像设置似乎最终落后于表单输入，而不是在它们之前;也就是说，在未指定的（100％）不透明度下，它们掩盖背景而不是前景。 – JonathanHayward 2010-07-14 20:28:27

我想你误解了我的答案：类名为'ui-widget-overlay'的div是由jQuery UI动态创建的。所有你需要做的就是在你的样式表中添加这样的内容： .ui-widget-overlay { background：＃000;不透明度：0.5; } – dmkc 2010-07-14 20:38:08

您是否有适当的主题文件在服务器上的正确位置？如果你不使用标准的默认主题，你可以使用jQuery UI的主题滚轮创建自己的主题。

来源

2010-07-14 20:07:32 Mark

服务器上的正确位置是什么？它可以放在/ static /下，还是可以/我应该制作单独的根级目录？ – JonathanHayward 2010-07-14 20:26:26

只要您将所需的css文件指向正确的位置，它就可以到达您选择的位置。只要确保所需的css主题所在的目录，附加的images目录也在那里。因此，如果你的主题位于/static/jquery/theme/mytheme/mytheme.css 那么你的主题图片目录将是 /static/jquery/theme/mytheme/images / – Mark 2010-07-14 20:39:28

如何在jQuery UI中处理模态对话框淡出？

回答

相关问题