2017-09-03 264 views
0

div的背景下,我想從火基地的圖像,並將其設置爲一個div的背景。有誰知道這是怎麼做到的嗎?我嘗試了所有的想法,但都沒有成功。有人可以提供任何例子嗎?設定從火力地堡的圖像通過jQuery

<div class="museBGSize rounded-corners grpelem" id="u525"></div> 

我嘗試了這種方式並沒有奏效:

fbRef4.on("child_added", snap => { 
    var image = snap.child("Image").val(); 
    //concatenated the img tag using the image variable at the top 
    $("#tableBody3").append("<img src=" + image + "/img>"); 
}); 
+0

好一兩件事,' 「 」'應寫爲'「 」'。另外,我們可能需要更多代碼才能完全理解您的問題。例如,它可能是有益的,看看有什麼'#tableBody3'指。 – jdgregson

+0

'它沒有work' - 你需要在這個擴張?開發人員工具控制檯中是否存在錯誤?開發人員工具網絡選項卡中的錯誤?它是否導致你的狗逃跑或你的房子燒燬? –

+0

OK試想tablebody3是一個div – median

回答

1

招呼每一個我找到了答案,並會張貼答案以防萬一,如果有人想知道 ((我的HTML))

<div class="museBGSize rounded-corners grpelem" id="u525"><!-- simple frame --></div> 

((我的js))

var fbRef4 = firebase.database().ref().child("slide"); 
fbRef4.on("child_added", snap => { 

    var image = snap.child("Image").val(); 
var newimgsrc = 'image' + (new Date().getTime()); 
    var newimg = $('#u525'); 

    $('#u525').css("background-image", "url("+image+")"); 
    newimg.css({'background-image': 'url('+image+')'}); 
    newimg.show(); 
}); 

((我的火力))

-slide 
-asdasdasd 
    Image:"https://firebasestorage.googleapis.com/v0/b/awe..." 
+0

很好的做法,分享你自己的調查。 +1 – Axel