JQuery的 - 为什么这个代码从外部URL加载图像不工作？

Question

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%", 
}); 

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

Answer 1

，而你正在使用的变量值

代码不添加""：

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%", 
}); 

当你写在双引号的东西就意味着它将解析，作为一个字符串而不是一个变量。

Answer 2

在这里你有一个以上的解决方案去使用ES6模板文字

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

你的问题是在"background-image" : "url",。

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