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);
  });
});

希望有所帮助

无法让jQuery提交工作

1 个答案: