2013-07-29 3 views
0

아약스 게시물에 제 스피너가 표시되는 데 문제가 있습니다. 몇 가지 다른 방법을 시도했지만 표시하고 숨길 수 없습니다. showPageLoagingMsg를 사용하고 회 전자가 표시된 후에 숨기지 만 물론 떠나지 않습니다. 로더를 표시하고이 아약스 게시물을 숨기는 방법에 대한 제안은 반대하지 않습니다. 어떤 제안이/솔루션은 크게 감상 할 수jQuery 스피너가 아약스 포스트에서 작동하지 않습니다.

var authorizationToken = "Basic " + userId + ":" + password; 
    $(document).ready(function() { 
     $.ajax({ 
      type: "POST", 
      async: false, 
      beforeSend: function (request){ 
      request.setRequestHeader("AUTHORIZATION", authorizationToken); 
      //$.mobile.showPageLoadingMsg("a", "Loading"); -- Not working I know its deprecated but I thought I would try it any way 
      $.mobile.loading('show', {theme:"a", text:"Please wait...", textonly:false, textVisible: true}); 
      }, 
      url: url, 
      dataType: "xml", 
      success: function (xml) { 
       //do stuff here 
      }, 
      error: function (x, status, error) { 
       //Do more stuff here 
      }, 
     complete: function(){ 
      $.mobile.loading('hide'); 
       //$.mobile.hidePageLoadingMsg(); 
     } 
     }); 
    }) 

:

여기 내 코드입니다!

+0

ajax 호출을 통해 setTimeout()을 래핑 해 보았습니까? – SpaceBison

+0

아픈 지금 시도하십시오 – user1857654

+0

그 중 하나를 작동하지 않았다. 그 모바일을 할 때 심지어 올라 오지 않는다는 것이 이상하다. 내가 숨어있는 곳을 떠나더라도. – user1857654

답변

0

이 문제를 해결하기 위해 클릭 한 후 전화를 걸고 표시를 숨긴 시간 제한을 추가했습니다. 꽤 잘 작동하는 것 같습니다.

<script type="text/javascript"> 
     $("#refreshButton").click(function (e) { 
     $.mobile.loading('show'); 
     RefreshDataSubmit(); //Where im doing the ajax post 
     setTimeout(function(){ 
      $.mobile.loading('hide'); 
     }, 5750); 
     }); 
    </script> 
관련 문제