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中放置圖像？

回答

相關問題