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

Question

我正在尝试将图像放在div中。

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是完全有效的。

Answer 1

尝试

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

Answer 2

来自作者：

我将脚本从页面底部移动到html的头部。现在它有效。

Answer 3

这似乎是浏览器兼容性的一个古老问题，而不是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
}