变量不在jQuery CSS语句中进行评估

Question

我一直试图想出这个好时光，我知道这对那里的人来说是超级基本的。我正在尝试使用名为$ the_path。

的变量为jQuery设置背景

现在，后台设置为“$ the_path”而不是$ the_path的实际值。我怎样才能正确评估该声明？

$('body').css({'background' : 'url($the_path)','backgroundPosition' : 'center 50px'});

非常感谢！

Answer 1

如果你把它保留在引号中，它将被字面上对待。要强制将其作为变量进行评估，请使用+来突破引号并加入它。

$('body').css({'background' : "url('" + the_path + "')",'backgroundPosition' : 'center 50px'});

编辑：假设$the_path是一个Javascript变量。如果它是一个PHP变量，那么你想要这个：

$('body').css({'background' : "url('<?=$the_path?>')",'backgroundPosition' : 'center 50px'});

Answer 2

'background' : 'url('+$the_path+')'就是您所需要的。

Answer 3

var path = 'url(' + <? $the_path ?> + ')';
$('body').css({'background' : path, 'backgroundPosition' : 'center 50px'});