JQuery，如何在div中放置图像？

-2

function pleaseW(){ 
    $('#info').html("Please wait ...");       //1 this works 
    $('#info').html("<img id='busy01' src='busy01.gif' />"); //2 doesn't work 
    $('#info').append("<img id='busy01' src='busy01.gif' />"); //3 doesn't work 
    $('#info').prepend("<img id='busy01' src='busy01.gif' />"); //4 doesn't work 
}

称为busy01.gif的图像与当前文件位于同一文件夹中。问题在于第2,3,4行不在div中放置图像。

如果我把html直接放到页面中，图像就会显示出来。这个页面必须有一些不相关的问题，因为这个Javascript/jQuery是完全有效的。

来源

2013-01-11 Alegro

那么有什么不能正确工作？ –

@RenePot，div内没有图像。 – Alegro

当您尝试第二行时会发生什么？ – ATOzTOA

-1

这似乎是浏览器兼容性的一个陈旧问题，而不是JavaScript问题。

其中每一行应显示的图像：

function pleaseW(){ 
    $('#info').html("<img id='busy01' src='busy01.gif' />"); //2 doesn't work 
    $('#info').append("<img id='busy01' src='busy01.gif' />"); //3 doesn't work 
    $('#info').prepend("<img id='busy01' src='busy01.gif' />"); //4 doesn't work 
}

来源

2013-01-11 14:06:11 crush

http://stackoverflow.com/questions/273354/are-single-quotes- allowed-in-html –

HTML 4规范？这是什么1990 – crush

“默认情况下，SGML要求使用双引号（ASCII小数点34）或单引号（ASCII小数点39）来分隔所有的属性值” –

尝试

$('#info').html("<img id='busy01' style='width:100px; height:100px;' src='busy01.gif' />");

来源

2013-01-11 14:07:04 ATOzTOA

，除非OP的风格设置隐藏图像，这与问题无关。 –

@RobertKoritnik代码有效，所以它应该是CSS。 – ATOzTOA

但是谁说样式将尺寸设置为0？你为什么不愿意设置“显示”和“可见度”呢？为什么尺寸？ –

从作者：

我把剧本从页面的底部到html的头部分。现在它可以工作。

来源

2013-08-20 19:33:44

JQuery，如何在div中放置图像？

回答

相关问题