JQuery的 - 爲什麼這個代碼從外部URL加載圖像不工作？

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

當我登錄網址到控制檯它顯示我正確的鏈接。然而，這是行不通的。JQuery的 - 爲什麼這個代碼從外部URL加載圖像不工作？

來源

2017-09-15 Harsh Khajuria

你是'背景圖像'被設置爲一個叫做URL的字符串...而不是你的變量URL – cwanjt

function applyimage（str）{ console.log（「in application image function」）; var url ='base_url'+ str; URL = 'URL（「' + URL +「」）「; console.log（url）; $（'。jumbotron'）。css（{ 「background-image」：url，// this not to string 「background-size」：「cover」，「height」：「100％」， }）;希望這可以幫助！ – 2017-09-15 04:55:43

，而你正在使用的變量值

代碼不添加""：

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

當你寫在雙引號的東西就意味着它將解析，作爲一個字符串而不是一個變量。

來源

2017-09-15 04:55:05

在這裏你有一個以上的解決方案去使用ES6模板文字

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

你的問題是在"background-image" : "url",。

希望這將幫助你解決問題。

來源

2017-09-15 05:16:41 Shiladitya

JQuery的 - 爲什麼這個代碼從外部URL加載圖像不工作？

回答

相關問題