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

Question

在http://jqueryui.com/demos/dialog/#modal-form处，有一个示例模态对话框;当您单击“创建新用户”时，它会显示一个模式对话框并淡出除对话框之外的所有内容。

在我的工作基础上，我已经指定了“模态：真”，模态对话框出现并且消失得恰到好处，但没有别的东西是灰色的;屏幕的其余部分看起来像以前一样。

我是否需要应用其他CSS或提供图片？简要看一下示例源代码并没有说清楚我需要添加什么，以便它显示背景。

如果我需要提供其他静态内容，我如何在Django / static / tree下提供它？换句话说，我是否需要创建/ foo /和/ bar /其他静态内容目录，或者它是否适用于/ static /？

的子目录

Answer 1

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

Answer 2

您是否在服务器上的正确位置拥有相应的主题文件？如果您没有使用标准默认主题，则可以使用jQuery UI的主题滚动创建自己的主题。