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>';

Example fiddle

div的背景图像未显示

1 个答案: