자바 스크립트 질문 - "window.location"이 내 spinner.gif 애니메이션이 작동하지 않는 이유는 무엇입니까?

Question

"window.location"을 API로 리디렉션하는 수단으로 사용하면 내 장기 실행 트랜잭션이 작동하는 GIF에 대한 애니메이션을 보장하지 못하는 것 같습니다. 어떤 아이디어가 이것을 고치는 방법? 즉. 나는 gif ok를 본다. 그러나 그것은 생기를 끄지 않고있다. Javascript에서 gif 애니메이션이 시작되면 리디렉션을 강제하는 또 다른 방법이 있습니까?

<div id="loading"> 
</div> 

<script type="text/javascript" charset="utf-8"> 
    function show_spinner() { 
    $("form").hide() 
    $("loading").show() 
    window.location = "/weekends/display" 
    } 
    window.onload=show_spinner; 
</script> 

CSS :

#loading { 
    width:100px; 
    height: 100px; 
    position: fixed; 
    top: 50%; 
    left: 50%; 
    background:url(/images/ajax-loader.gif) no-repeat center #fff; 
    text-align:center; 
    padding:10px; 
    font:normal 16px Tahoma, Geneva, sans-serif; 
    # border:1px solid #666; 
    margin-left: -50px; 
    margin-top: -50px; 
    z-index:2; 
    overflow: auto; 
} 

Answer 1

사람이 그렇지 않으면 내가 this post

당 그러나 내 문제를 다른 방식으로 해결 한

가능 ....없는 제안하고있어 저를 표시 할 수 있습니다하지 않는 한