呼叫中心值failes

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

？

編輯

我想也是這個問題是你，書寫

background-position 

爲你之間

backgroundPosition

不是{}

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