背景位置的呼叫中心值失败

Question

遇到以下问题：

这有效：

var var1 = 40+'%'; 
var var2 = 50+'%';

$some.css({'backgroundPosition': var1 + var2});

//Result: #some{background-position: 40% 50%}

但如果我设置：

var var1 = 'center'; // or center (without '.') 
var var2 = 50+'%';

$some.css({'backgroundPosition': var1 + var2});

我什么都没渲染！如何通过js设置“中心”值？

Answer 1

你有没有试过像

这样的东西

var var1 = 'center '; // or center (without '.') 

或

$some.css({'backgroundPosition': var1 + ' ' + var2});

修改

我认为问题在于你正在写作

  

backgroundPosition

而不是

background-position 

在{}

之间

Answer 2

我相信你错过了一个空间：

$some.css({'backgroundPosition': var1 + ' ' + var2});

Answer 3

<script type="text/javascript">
var var1 = "center ";
var var2 = 50 + "%";

$(".content").css({"background-position" : var1 + " " + var2});