Question

我正在尝试在打开jqueryui对话框后更改它的背景。要求阻止我在样式表中设置此项，因为背景颜色或图像对于单击链接的人来说是唯一的（背景值是从数据库中提取的）。

当我在加载对话框后运行以下jquery命令更改div的css时，它什么都没做？

$("#modal_popup_website").css("background","red !important");

或

$("#modal_popup_website .ui-dialog-content").css("background","red !important");

或

$(".ui-dialog-content").css("background","red !important");

我做错了什么？

首先，我按如下方式初始化对话框：

$("#modal_popup_website").dialog({
            bgiframe: true,
            autoOpen: false,
            position: 'center',
            width: $(window).width()-30,
            minWidth: 990,
            height: 900,
            minHeight: 900,
            modal: true,
            stack: true, //Puts in front of other dialog's that may be open
            open: function(){

            },
            close: function() {
                //Save
            }

然后当用户点击如下链接时打开对话框：

$("#modal_popup_website").dialog("open");

打开后，我在对话框中添加了一些HTML，如下所示：

$("#modal_popup_website").html('gets loaded from external file');

下面是外部文件的HTML：

<div>some text</div>
<script type="text/javascript">
   $("#modal_popup_website").css("background","red !important");
</script>

＆lt;脚本＆gt;区域是我试图改变CSS背景的地方。在这个外部PHP文件中，我从数据库中检索此用户的背景颜色或图像，我想更改对话框的背景，但我无法使其工作。

任何想法都将受到赞赏！

感谢。

Answer 1

我最后以另一种方式解决了这个问题。我添加了另一个＆lt; div>并使其100％宽，100％高度和使用CSS背景添加图像。然后我删除了jqueryui对话框的滚动条，只是将overflow：auto添加到我添加的新div中，它给了我所需的内容。

使用jquery而不是css打开后更改jqueryui对话框颜色

1 个答案: