我在imageUrl变量中有一个图像URL,我试图将其设置为CSS样式,使用jQuery:

$('myObject').css('background-image', imageUrl);

这似乎并不奏效,因为:

console.log($('myObject').css('background-image'));

返回none。

知道我哪里做错了吗?


当前回答

这是我的代码:

$('body').css('background-image', 'url("/apo/1.jpg")');

喜欢,朋友

其他回答

字符串插值来拯救。

let imageUrl = 'imageurl.png';
$('myOjbect').css('background-image', `url(${imageUrl})`);

你需要在imageUrl之前和之后包括双引号("),就像这样:

$('myOjbect').css('background-image', 'url("' + imageUrl + '")');

这样,如果图像有空格,它仍然会被设置为属性。

对于那些使用实际URL而不是变量的人:

$('myObject').css('background-image', 'url(../../example/url.html)');

你可能想要这样(使它像一个普通的CSS背景图像声明):

$('myObject').css('background-image', 'url(' + imageUrl + ')');

这是我的代码:

$('body').css('background-image', 'url("/apo/1.jpg")');

喜欢,朋友