Question

我启动了一个jquery对话框，它的'normal'color样式为黑色。在对话框内部有一个div（与对话框的主div容器分开），其中包含文本（比如“mickeymouse”）。

我有一个javascript变量var=mycolor，它包含一个html color（颜色经常会在对话框启动之前发生变化，因此颜色需要保留在一个变量中）。

如果var mycolor=red我无法弄清楚如何为红色的“mickeymouse”文本（或当前持有的任何颜色mycol）着色，同时将其余的对话框内容保留在其中'正常'的黑色。

我最初发布了问题here但后来意识到这个问题太冗长了。另外，从那时起我就开始使用来自jquery的dialogClass并且想提到我无法使用它，所以我把它作为一个不同的问题发布了。

Answer 1

我不完全确定你在寻找什么...

但是如果你想使用JQuery用id“disney”改变div的颜色你可以做到

$("#disney").css("color", "yourcolour");

然后，您可以将“youcolour”替换为您所谈论的变量。

我已经将一些代码拼凑在一起，向你展示我的意思。它将打开一个对话框，然后将其中的文本更改为“myColour”

指定的颜色

的JavaScript

var myColour = "red"

$(function(){
    $('#dialog').dialog({
        autoOpen: false,
        width: 600,
        buttons: {
            "Ok": function() {
                $(this).dialog("close");
            },
            "Cancel": function() {
                $(this).dialog("close");
            }
        }
    });

    $('#dialog_link').click(function(){
        $('#dialog').dialog('open');
        change();
        return false;
    });

});

function change(){
    $("#newColour").css("color", myColour);
}

HTML

<div id="dialog">
<div>test</div>
<div id="newColour">Text that changes Colour</div>

</div>


<p><a href="#" id="dialog_link" >Open Dialog</a></p>

Answer 2

所以我把问题分解为两个部分：

能够在对话框内为color分配STATIC div
将STATIC color更改为变量

好消息是我已经解决了第1部分 - “为我欢呼”（我会为我欢呼，因为我独自一人在这个问题上没有人帮助我 - 这是一个孤独的放置！）

对于像我这样的任何其他失落的灵魂 - 这是第1部分的答案：

a）在主对话框div内的div添加一个ID（我在这里使用过“迪士尼”）：

<div id="thedialog">
    <div>goofy</div>
    <div id="disney">mickeymouse</div>
</div>

b）添加一个引用上述ID的新类（'dialoghoney'可以是任何名称）：

.dialoghoney #disney {color:yellow; }

c）在对话框代码中添加dialogClass行：

$( "#thedialog" ).dialog({
    title: "Life's like a box of chocolates....",
    dialogClass:"dialoghoney"
});

上述结果是“傻瓜”采用主对话框的正确颜色（在我的情况下为黑色），而“mickeymouse”采用黄色的新颜色。

现在，它解决了第1部分的STATIC颜色。

第2部分我不能这样做，所以如果有人能提供帮助那就太棒了！

无法使Jquery对话框生效

2 个答案: