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中,我有您在第一个选项中所说的行。