添加圖像加載器與輸入按鈕形式

Question

我已經在facebook中使用php和jquery創建了一個這樣的牆。有一個textarea和一個輸入類型=按鈕，並且當用戶發佈文本區域下顯示的內容而不更新頁面時使用jquery。我想用一個名爲「loader.gif」的圖片加載器啓用我的腳本，這樣在按下提交按鈕後，加載器開始工作，直到出現新帖子。任何想法很熱這樣做？

<?php 

<textarea rows="3" id="comment_text" placeholder="share an update..." style="font-size:11pt; color:#363636; resize:none; "> </textarea> 

<input type="button" id="comment_process" style=""/> 

?> 

Answer 1

您希望將加載器圖像放在最終應該放置的位置，但在其CSS中放入display:none;。然後，當表單提交時，只需打開它。

HTML

<img class='loader' src='images/loader.gif' style='display:none;' /> 

jQuery的

$('form').submit(function(){ 
    $('.loader').show(); 
}); 

如果您正在使用AJAX提交表單，你可能需要再次隱藏它，如果返回成功/錯誤。如果您正在進行真正的表單提交，那麼頁面將無論如何都會加載到其他位置，並且不需要重新隱藏圖像。