带有变量的Jquery CSS？答案

【问题标题】：Jquery CSS with variable?带有变量的Jquery CSS？
【发布时间】：2014-10-15 06:41:42
【问题描述】：

我有一条 Jquery 行可以调整图像的背景位置：

$(".container").css('background-position', '10px 10px' );

但是我希望通过引入一个变量来使其成为动态的，但我似乎无法做到这一点：

var backgroundX= 100;

$(".container").css('background-position', ''backgroundX+"px" "10px"'' );

【问题讨论】：

【解决方案1】：

在 Javascript 中，您可以使用 + 符号将变量与字符串连接起来。您只需添加variable，然后编写+ 符号，然后编写string。

正如您提到的，没有变量的正确行是：

$(".container").css('background-position', '10px 10px');

因为您的变量位于字符串的开头，您只需在字符串之前轻松添加它并在 px 之前删除 10 以便 10 被变量替换（然后您使用+ 符号连接）：

$(".container").css('background-position', backgroundX + 'px 10px');

【讨论】：

【解决方案2】：

试试看。只需将 backgroundX 变量与 'px 10px' 字符串连接起来。

 $(".container").css('background-position', backgroundX+ "px 10px" );

【讨论】：

【解决方案3】：

var backgroundX= 100;

$(".container").css("background-position", "'+backgroundX+'px 10px" );

【讨论】：