jQuery set backround image not working

Question

可能是什麼問題？控制檯告訴我，變量y包含現有外部圖像的右側絕對路徑（啓用了直接鏈接）。背景設置字體顏色變爲紅色後。

console.log("image url: "+y); 
     $(this).css("background","url('"+y+"') !important;"); 
     $(this).css("color","red"); 

它不適用於背景圖像。

Answer 1

刪除!important;。

閱讀本，如果你要使用的聲明：How to apply !important using .css()?

Answer 2

你試過嗎？

$(this).css({ 
    backgroundImage:"url('"+y+"') !important" 
    }); 

我建議當你通過多個CSS樣式相同的元件使用對象而使用的CSS命令多次：

$(this).css({ 
     backgroundImage:"url('"+y+"') !important", 
     color: "red" 
     }); 

Answer 3

嘗試

$(this).css("background","url('" + y + "') !important"); 

Answer 4

我會放它在一個單一的電話給css像：

$(this).css({"background":"url('"+y+"') !important", "color":"red"}); 

Answer 5

正如其他人所說，這是更好地傳遞一個對象，而不是調用CSS功能幾次。另外，在我看來，如果你不使用css shorthands更清晰。

無論如何，試試在URL中使用雙引號。

$(this).css({'background-image':'url("'+y+'") !important', 'color':'red'});