Не могу получить 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 секунды, я хочу добавить изображение загрузки, пока форма отправляется.При нажатии кнопки «Отправить» я вижу в правом нижнем углу показ ожидающих xxxx ... и недавно перенаправляю на другую страницу.

Спасибо !!

Answer 1

Попробуйте:

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

Надеюсь, это поможет