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

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

jquery-ui-dialog jquery jquery-ui css

Christos Hayward · 技术社区 · 16 年前

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

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

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

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

2 回复 | 直到 16 年前

dmkc 16 年前

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

Mark 16 年前

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

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Nuñito Calzada · JQuery在spring boot和Thymelaf中从DB自动完成

2 年前

Connor · 使用jquery UI幻灯片制作周围动画

2 年前

provance · 如何获得最新版本的jquery ui?

2 年前

Akhilesh · 当数据目标中有分号或冒号时,带有展开的aria的Button元素不展开

3 年前

chris loughnane · 使用jQuery UI滑块移动和缩放svg元素时遇到问题?

8 年前

Tirkesh Turkesh · 如何在可拖放div中释放项目的精确位置元素上拖放

8 年前

ferralucho · Hightlight jquery datepicker标头选定的星期几

8 年前

Paili · 如何在jQuery自动完成中添加其他内容?

8 年前

monu · 动态嵌套选项卡创建

8 年前