我在imageUrl变量中有一个图像URL，我试图将其设置为CSS样式，使用jQuery:
$('myObject').css('background-image', imageUrl);
这似乎并不奏效，因为:
console.log($('myObject').css('background-image'));
返回none。
知道我哪里做错了吗?
当前回答
我遇到的问题是，我一直在加分号;在url()值的末尾，这会阻止代码工作。
❌不工作代码:
$('#image_element').css('background-image', 'url(http://example.com/img.jpg);');
//--------------------------------------------------------------------------^✅工作代码:
$('#image_element').css('background-image', 'url(http://example.com/img.jpg)');
注意省略的分号;在工作代码的末尾。我只是不知道正确的语法，而且真的很难注意到。希望这能帮助到其他处境相同的人。
其他回答
尝试修改"style"属性:
$('myObject').attr('style', 'background-image: url("' + imageUrl +'")');
对于那些使用实际URL而不是变量的人:
$('myObject').css('background-image', 'url(../../example/url.html)');
不要忘记jQuery css函数允许对象传递，允许您同时设置多个项目。回答的代码看起来像这样:
$（this）.css（{'background-image'：'url（' + imageUrl + '）'}）
$('myObject').css({'background-image': 'url(imgUrl)',});
我遇到的问题是，我一直在加分号;在url()值的末尾，这会阻止代码工作。
❌不工作代码:
$('#image_element').css('background-image', 'url(http://example.com/img.jpg);');
//--------------------------------------------------------------------------^✅工作代码:
$('#image_element').css('background-image', 'url(http://example.com/img.jpg)');
注意省略的分号;在工作代码的末尾。我只是不知道正确的语法，而且真的很难注意到。希望这能帮助到其他处境相同的人。
