我正在尝试为一些我想要并重用的样式创建变量,但似乎无法让它工作。我究竟做错了什么?

var bgColor = "'background' : 'rgb(102,204,0)'";
var textColor = "'color' : 'rgb(40,40,40)'";

$('.className').css({bgColor, textColor});

最佳答案

如果您想在单个调用中应用这些值,请查看 documents on jquery css,您需要创建有效的 json。根据文件:

var validValues =
{
  "background-color": "#ffe",
  "border-left": "5px solid #ccc"
};

或者
var validValues =
{
  backgroundColor: "#ffe",
  borderLeft: "5px solid #ccc"
}

然后
$(selector).css(validValues);



特别是你的不起作用的原因是以下没有为jquery创建有效的json:
var bgColor = "'background' : 'rgb(102,204,0)'";
var textColor = "'color' : 'rgb(40,40,40)'";

var json = {bgColor, textColor};

json =
{
  bgColor: "'background' : 'rgb(102,204,0)'",
  textColor: "'color' : 'rgb(40,40,40)'"
}

关于jquery - 将 CSS 样式转换为 JS 变量?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33763290/

10-11 12:33
查看更多