Javascript JQuery-为什么从外部url加载图像的代码不起作用？

当我将url登录到控制台时，它会显示正确的链接。然而，这是行不通的

使用变量值时不添加

“”

代码：

---

当你用双引号写东西时，这意味着它将把它解析为一个字符串而不是一个变量。

在这里，你可以使用

ES6

模板文本来提供另一个解决方案

function applyimage(str){
    console.log("in apply image function");
    var url = 'base_url' + str ;
    url = ' url("' + url + '") ';
    console.log(url);
    $('.jumbotron').css({
        "background-image" : url,
        "background-size" : "cover",
        "height" : "100%",
});

您的问题出现在

“背景图像”：“url”，

---

希望这将帮助您解决问题。

您的

背景图像

设置为一个名为URL的字符串。。。不是你的变量url函数applyimage（str）{console.log（“in apply image function”）；var url='base_url'+str；url='url（'+url+'）；console.log（url）；$（'.jumbotron'）.css（{“background image”：url，//这不是字符串“background size”：“cover”，“height”：“100%”，}）；希望这有帮助！

function applyimage(str){
    console.log("in apply image function");
    var url = 'base_url' + str ;
    url = ' url("' + url + '") ';
    console.log(url);
    $('.jumbotron').css({
        "background-image" : url,
        "background-size" : "cover",
        "height" : "100%",
});

function applyimage(str){ 
  $('.jumbotron').css({
    "background-image" : `url("base_url${str}")`,
    "background-size" : "cover",
    "height" : "100%",
  });
}