jquery - 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
}