0

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

我有一个var=mycolor保存 html的 javascript 变量color（颜色经常改变，就在对话框启动之前，所以颜色需要保留在变量中）。

如果 varmycolor=red我不知道如何将“mickeymouse”文本着色为红色（或mycol当前持有的任何颜色），同时将对话框的其余内容保留为“正常”黑色。

我最初在这里发布了这个问题，但后来意识到它太长了。另外，从那时起，我一直在使用dialogClassfrom jquery 并想提一下我无法让它工作，所以我把它作为一个不同的问题发布了。

4

2 回答 2

2

我不完全确定您在寻找什么……</p>

但是，如果您想使用 JQuery 更改 ID 为“迪士尼”的 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>
于 2012-08-31T13:44:48.237 回答
0

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

  1. 能够将 STATIC 分配给color对话框div内部
  2. 将 STATIC 更改color为包含在变量中的 DYNAMIC

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

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

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

<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"
});

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

现在，这解决了第 1 部分的静态颜色。

PART 2 我做不到，所以如果有人能提供帮助，那就太好了！

于 2012-08-31T13:32:47.630 回答