jQuery的不工作設置背景圖片

我有這樣的HTML代碼jQuery的不工作設置背景圖片

<div class="gallery-item"><img src="images/thumbnails/img_(1).jpg" /></div>

這個CSS代碼

.gallery-item 
{ 
display: inline-block; 
width: 200px; 
height: 100px; 
margin: 10px 12px; 

overflow: hidden; 

background-repeat: no-repeat; 
background-size: contain; 

cursor: pointer; 
}

這jQuery代碼

$(document).ready(function(e) { 
    $(".gallery-item").each(function(index, element) { 
    var img = $(this).children("img").attr("src"); 
    $(this).css("background-image", "url("+img+")"); 
    $(this).children("img").remove(); 
    }); 
});

，但它不」工作。只需刪除img標籤並離開.gallery-item，無任何背景！但是當我嘗試這種代碼，它的工作原理：

$(this).css("background-image", "url()");

，只是設置我的索引頁地址的背景圖像。

此外，我試圖設置背景顏色，它的工作！

幫我出

來源

2013-11-28 Sina Mirhejazi

嘗試'backgroundImage'。 – putvande

將'console.log（img）'添加到將值賦予此變量的行後面，以查看它是否實際包含您所期望的內容。 – CBroe

@putvande它不工作了！ –

$(this).css("background-image", 'url("'+img+'")');

來源

2013-11-28 12:55:46

後，我的DOM沒有改變background-image的值是這種格式的「url（地址）」，但src值只是一個純粹的地址！我測試過了！它不工作:( –

tnx :)它工作正常;） –

歡迎@SinaMirhejazi :) –

jQuery的不工作設置背景圖片

回答

相關問題