div的背景圖片未顯示

Question

我在下面的項目動態創建：

     var newItem = '<div title="' + elem.IP + '" id="' + elem.Alias + '-Status" class="elementStatus"><div class="image" id="' + elem.Alias + '-StatusImg" style="height:40px; background-image: ' + '@Url.Content("~/images/ongoing.gif")' + '"></div><div id="' + elem.Alias + '-StatusTxt" class="text">Waiting...</div></div>';

然后我通過執行以下操作來動態設置div的背景圖像：

$('#' + elem.Alias + '-StatusImg').css("background-image", '@Url.Content("~/images/ongoing.gif")');

但不會顯示div的背景圖片（elem.Alias +'-StatusImg'）。 有任何想法嗎？

Answer 1

您需要在CSS規則中為背景指定url(x) 。 嘗試這個：

$('#' + elem.Alias + '-StatusImg').css("background-image", 'url("@Url.Content("~/images/ongoing.gif")")');

或這個：

 var newItem = '<div title="' + elem.IP + '" id="' + elem.Alias + '-Status" class="elementStatus"><div class="image" id="' + elem.Alias + '-StatusImg" style="height:40px; background-image: url(@Url.Content("~/images/ongoing.gif))"></div><div id="' + elem.Alias + '-StatusTxt" class="text">Waiting...</div></div>';

小提琴的例子