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 の head 部分に移動しました。今では動作します。

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
}