不能让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); 
    }); 
}); 
 

希望它可以帮助