代码之家 › 专栏 › 技术社区 › Christos Hayward

如何在jquery ui中处理模式对话框淡出?

jquery-ui-dialog jquery jquery-ui css

Christos Hayward · 技术社区 · 14 年前

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

基于此,在我的工作中,我指定了“modal:true”,模式对话框会相应地显示和消失,但没有其他内容变灰;屏幕的其余部分看起来像以前一样。

我需要应用附加的CSS还是提供图像?简单地看一下示例源代码并不能清楚地说明我需要添加什么,从而使背景变灰。

如果我需要提供其他静态内容,如何在django/static/tree下提供?换句话说,我是否需要创建/foo/和/bar/额外的静态内容目录,或者它将与/static/的子目录一起工作?

2 回复 | 直到 14 年前

dmkc 14 年前

当你路过的时候 modal:true 作为UI对话框的选项之一,应该有一个覆盖 div 创建的元素具有高z索引和类名称 ui-widget-overlay 分配给它。如果您决定编写自己的样式表,而不是使用可用的样式表作为模板,那么可能只需要定义 UI小部件覆盖 在样式表中初始化,设置其不透明度等。

Mark 14 年前

服务器上的正确位置是否有适当的主题文件?如果不使用标准的默认主题,可以使用jquery ui的主题滚轮创建自己的主题。

推荐文章

pdube · 如何将select2组件下拉列表扩展到jquery模式对话框之外

7 年前

Alessandro · 内部表单上的JQuery验证(对话框)

8 年前

Coding Duchess · 未捕获类型错误:$()。on不是函数

9 年前

user1032531 · 创建时访问jQueryUI对话框按钮

9 年前

Siddharth Trikha · 一个按钮多个Jquery ui对话框

10 年前

Tanuj Vaja · Jquery UI对话框在内部应用程序关闭时未关闭

10 年前

BernieSF · jQuery UI对话框调整大小关闭按钮

10 年前

rws907 · jQueryUI将页面加载到DIV和模态对话框中

11 年前

vikas · 如何将复选框的值从Dialogue Box获取到Jquery Var

11 年前

Millhorn · 设置jQuery UI对话框中弹出的JS Alert的样式

11 年前