我在imageUrl变量中有一个图像URL,我试图将其设置为CSS样式,使用jQuery:
$('myObject').css('background-image', imageUrl);
这似乎并不奏效,因为:
console.log($('myObject').css('background-image'));
返回none。
知道我哪里做错了吗?
我在imageUrl变量中有一个图像URL,我试图将其设置为CSS样式,使用jQuery:
$('myObject').css('background-image', imageUrl);
这似乎并不奏效,因为:
console.log($('myObject').css('background-image'));
返回none。
知道我哪里做错了吗?
当前回答
字符串插值来拯救。
let imageUrl = 'imageurl.png';
$('myOjbect').css('background-image', `url(${imageUrl})`);
其他回答
你可能想要这样(使它像一个普通的CSS背景图像声明):
$('myObject').css('background-image', 'url(' + imageUrl + ')');
不要忘记jQuery css函数允许对象传递,允许您同时设置多个项目。回答的代码看起来像这样:
$(this).css({'background-image':'url(' + imageUrl + ')'})
你需要在imageUrl之前和之后包括双引号("),就像这样:
$('myOjbect').css('background-image', 'url("' + imageUrl + '")');
这样,如果图像有空格,它仍然会被设置为属性。
这是我的代码:
$('body').css('background-image', 'url("/apo/1.jpg")');
喜欢,朋友
$('myObject').css({'background-image': 'url(imgUrl)',});