当前位置: 首页 > 面试题库 >

jQuery UI对话框个别CSS样式

马奇略
2023-03-14
问题内容

我正在寻找一种样式对话框(使用UI对话框),该样式对话框具有与传统对话框不同的独特CSS,因此从本质上讲,它具有两个外观各异的jQuery对话框。

例如,我已经设置了样式

<div id="dialog_style1" class="dialog1 hidden">One content</div>

还有一个

<div id="dialog_style2" class="dialog2 hidden">Another content</div>

不幸的是,我注意到使用单独的CSS来设置对话框各部分的样式,例如

.dialog1 .ui-dialog-titlebar { display:none; }
.dialog2 .ui-dialog-titlebar { color:#aaa; }

不起作用,因为.ui-dialog-titlebar没有该类.dialog1,并且我也不能不addClass插入插件而这样做。

另一种选择是使一个元素body具有唯一的类/ id(取决于我想要的类/ id),但是这将阻止在同一页面中同时包含两个对话框。

我怎样才能做到这一点?


问题答案:

在Ajax中调用对话框后,立即运行以下命令:

    $(".ui-dialog-titlebar").hide();
    $(".ui-dialog").addClass("customclass");

这仅适用于打开的对话框,因此可以为每个使用的对话框进行更改。

(此快速答案基于对堆栈溢出的另一个响应。)



 类似资料:
  • 问题内容: 我喜欢jQueryUI的对话框。但是,似乎没有一种动态加载内置内容的方法。我想我必须使用其他方法来实现这一目标?iframe仅在可见时才会加载内容吗?这是正确的方法吗? 如果其他对话框机制更适合仅在首次打开时加载内容,则我愿意接受。 问题答案: 这并非难事-仅此而已,我不会开始与iframe搞混。这样的事情怎么样? 基本上,您创建对话框,然后打开对话框,从服务器中加载一个html文件,

  • 我正在寻找一种方法来设置默认JavaFX对话框(。 我尝试获取对话框窗格并添加样式表,但它只覆盖了对话框的一小部分。我更喜欢只使用外部css文件进行样式设计,而不在代码上添加样式类。这看起来很混乱(标题、内容、内容上的自有内容等等) 我已经在谷歌上搜索了很多,只找到了ControctionFX的例子,但是由于jdk8_40 JavaFX有自己的Dialogs,我现在使用它们。 有什么建议吗? 编辑

  • 在我的项目中,我需要使用自定义对话框,而不是AlertDialog。但我有两个问题与对话框风格: 宽度太小 我无法删除标题空间 所以,我需要 但是你可以得到: 呼叫代码: 布局XML: 如何解决这个问题?请帮帮忙。

  • 问题内容: 好的,因此我在网络上看到了许多用于通过CSS设置复选框样式的解决方案。但是,我正在寻找更强大的功能,而且我想知道是否有人可以提供帮助。基本上,我想拥有这个解决方案,但是能够将CSS特定颜色覆盖在灰色复选框上。我需要这样做是因为我会有许多不同的复选框,每个复选框需要不同的颜色,而且我不想创建大量不同的图像来处理此问题。有人对如何实现这一目标有任何想法吗? 问题答案: 我创建了一个透明的p

  • 你好朋友们.... 我目前正在尝试使用隐式意图创建一个对话框,其中我希望显示我的对话框,如whatsApp(个人资料照片屏幕),在该屏幕中,WhatsPP使用了名为“删除照片”的额外字段。当我尝试创建相同类型的屏幕对话框时,我无法添加此额外字段(“删除照片”)。我已经完成了所有代码。对于对话框中的三个选项(Gallery、Photo、Camera),它工作正常,但我无法在onActivityRes

  • 有没有一种方法可以改变所有出现在Android应用程序中的警报对话框?我还想更改系统生成的对话框(比如当长时间点击任何EditText时打开的编辑文本对话框)。我想改变我应用程序中所有对话框的标题、字体、颜色和大小。 编辑 我不会从代码中调用对话框。它只是当您长时间单击任何EditText时出现的默认对话框。一般包含选择单词、全部选择、输入法等键盘选项。