隱藏輸入[類型=提交]並顯示加載圖像不工作

Question

使用jquery，我試圖隱藏提交按鈕，並顯示一個Ajax加載gif一旦被點擊。

它工作正常，但表單不再提交。

繼承人我的jQuery代碼：

$('input[type=submit]').click(function() { 
    $(this).parent('p').html('<img src="images/ajax-loader.gif" alt="loading" />'); 
    $(this).parent('form').submit(); 
}); 

繼承人我的html：

<h1>add</h1> 

<form method="post" action="form.php"> 

<p> 
<label for="number">number:</label> 
<input type="text" name="number" id="number" size="30" value="" /> 
</p> 

<p style="text-align: center;"> 
<input type="submit" value="add" /> 
</p> 

</form> 

，你可以看到，我甚至增加$(this).parent('form').submit();，它仍然無法正常工作。

Answer 1

試試這個：

$('form').submit(function() { 
    $('p:last-child', this).html('<img src="images/ajax-loader.gif" alt="loading" />'); 
});