2012-01-09 6 views
1

스크립트는 간단하지만 작동하지 않습니다. 내가 양식을 제출하면서 로딩 이미지를 추가 할 양식에 필요한 프로세스가 3~4초 때문에jQuery가 작동하도록하려면

<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 ...을 기다리는 오른쪽 하단 코너가 표시되고 최근에 다른 페이지로 리디렉션됩니다.

감사합니다.

답변

1

시도 :

 

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

는 희망이 도움이

+0

감사합니다! 그것은 작동합니다! – Jasoniem9246

관련 문제