jQueryが動作するようにする

Question

スクリプトはシンプルですが、傾けることはできません。何が間違っているのかわからない

<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> 

フォームには3〜4秒の処理が必要だったため、フォームの送信中に読み込み中の画像を追加したいと思います。送信をクリックすると、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); 
    }); 
}); 
 

はそれが役に立てば幸い