Jquery 未显示div的背景图像

Jquery 未显示div的背景图像,jquery,html,background-image,Jquery,Html,Background Image,我动态创建以下项目: 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.g

我动态创建以下项目:

     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规则中为后台指定
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>';

var newItem=”您需要在后台的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>';

var newItem='假设找到了元素并且图像的URL正确,那么javascript没有什么特别的错误。试试
$('#'+elem.Alias+'-StatusImg')。在控制台中,它应该是
1
@RoryMcCrossan。我已经试过你说的了。控制台输出为1,但不显示背景图像。假设找到元素且图像的URL正确,则javascript没有任何具体错误。试试
$('#'+elem.Alias+'-StatusImg')。在控制台中,它应该是
1
@RoryMcCrossan。我已经试过你说的了。控制台输出为1,但不显示背景图像。它像一个符咒一样工作,但有一种情况除外:首先,我使用您的第一个选项设置背景图像,然后在某一点上,我执行ajax调用,当调用返回ok时,我应该再次更新背景图像,以便再次使用您的第一个选项,但在最后一种情况下,它不起作用,有什么想法吗?(也许打开另一个线程更好?)对于另一个线程可能更好,尽管没有理由不能重复使用同一行代码。确保在新问题中包含AJAX代码。几小时前我发布了另一个帖子。我使用的是img而不是背景图像,我遇到了这个问题。所以我决定用div来使用背景图像,但我发现我仍然有同样的问题。请参阅下面的线程:注意,在setImgTestPassed/Failed中,我有您在第一个选项中所说的那句话。它就像一个符咒,但有一种情况除外:首先,我用您的第一个选项设置背景图像,然后在某一点上,我执行ajax调用,当调用返回ok时,我应该再次更新背景图像,以便再次使用您的第一个选项,但在最后一种情况下,它不起作用,有什么想法吗?(也许打开另一个线程更好?)对于另一个线程可能更好,尽管没有理由不能重复使用同一行代码。确保在新问题中包含AJAX代码。几小时前我发布了另一个帖子。我使用的是img而不是背景图像,我遇到了这个问题。所以我决定用div来使用背景图像,但我发现我仍然有同样的问题。请参阅下面的线程:注意,在setImgTestPassed/Failed中,我有您在第一个选项中所说的行。