2012-10-31 55 views
0

我有一個窗體,它具有類型圖像的輸入如下。表單提交動畫gif

<input type="image" id="submit" src="red_btn.png"> 

一旦這個形象被點擊提交表單,我的形象改變爲GIF動畫顯示一個微調

$('form').submit(function(e){ 
//e.preventDefault(); 
$('#submit').attr("src", "loading.gif"); 
}); 

然而,沒有動畫。但是當我阻止表單提交時,GIF動畫。

這是在FF 16

請幫助。

回答

0

似乎該頁面正在過渡到提交頁面,所以您真的不想在此時向用戶顯示任何內容。如果你正在做一個阿賈克斯電話,那麼是的,一個微調是適當的。但是在提交標準表單時,我認爲瀏覽器已經在加載新頁面,所以這個頁面即將被刷新。

+0

你在其他瀏覽器中測試過嗎? –

+0

謝謝瑞恩。同意,這對Ajax更有意義。但是,表單提交平均需要10-15秒,因爲涉及一些處理,提交頁面僅在此之後顯示。顯示一個微調器讓用戶知道它正在被處理是一件好事。 – mongle

+0

看看這個:http://www.codingforums.com/showthread.php?t=191147以及其中列出的鏈接。似乎他們發現在表單提交後你必須添加GIF圖像到DOM。這是一個IE問題,但也可能適用於較新的Firefox。 –