不能讓jQuery提交工作

Question

腳本很簡單，但無法工作。我不知道是因爲形式需要過程3-4秒，我想添加一個加載圖像，而形式提交，什麼是錯的

<script type="text/javascript"> 
$("#save-form").submit(function() { 
    $("#wait").show(); 
    return false; 
}); 
</script> 
<div class="myform"> 
<form id="save-form" method="post" action="/save/">{% csrf_token %} 
    {{ form.as_p }} 
    <button type="submit">submit</button> 
    <a href="/.">{% trans "cancle" %}</a> 
    <div id="wait"><img src="{{ STATIC_URL}}webimages/ajax-loader.gif"></div> 
</form> 
</div> 

。點擊提交後，我可以看到右下角顯示正在等待x.x.x.x ...，並且最近重定向到另一個頁面。

謝謝！

Answer 1

嘗試：

 

$(function() { 
    $('#save-form').submit(function(e) { 
    $("#wait").show(); 
    e.preventDefault(); 
    var $form = $(this).unbind('submit'); 
    setTimeout(function(){ 
     $form.submit(); 
    }, 100); 
    }); 
}); 
 

希望它可以幫助