使用jquery应用css

Question

如何使用jquery动态更改预览页的css样式。

两个下拉式右边预览页面，下拉加载颜色，根据选择，预览页面css (bg颜色，字体颜色)应该改变，

我们已经尝试了下面的片段，bg颜色是有效的，但字体颜色不起作用。

//bg_color: this variable contain the dynamic BG color selection values
//font_color: for font color.
$("#web_preview_right_div").css({'background-color':bg_color});
$("#web_preview_right_div").css({'color':font_color});

在检查元素中，

当我改变下拉，下面的颜色:rgb(255,128，0)代码改变，但字体颜色不适用。

我还补充了一些重要的内容，但这是行不通的。

背景色: rgb(245,208,169)；颜色: rgb(255,128，0)；

Answer 1

你可以一排排地做

$("#web_preview_right_div").css({'background-color':bg_color, 'color':font_color});

就像json

Answer 2

如果您使用的是单个属性，则不需要在css中使用对象。

 $("#web_preview_right_div").css('background-color',bg_color);

但是选择器是相同的，所以可以将这两个语句合并在一起。

    var font_color="red";
    $("#web_preview_right_div").css({
                                    'background-color':bg_color,
                                    'color':font_color
                                    });

Answer 3

似乎你错过了颜色值的引号。

就像这样：

$("#web_preview_right_div").css({
                                'background-color': 'black',
                                'color':'red'
                                });

演示