jQuery spinner не работает на ajax post

Question

У меня возникают проблемы с тем, чтобы мой счетчик появился на ajax-сообщении. Я пробовал несколько разных методов, но я не могу его отобразить, а затем скрыть. Если я использую showPageLoagingMsg и не скрываю его после появления счетчика, но, конечно, не уходит. Я не против каких-либо предложений о том, как заставить загрузчика отобразиться, а затем спрятать для этого сообщения ajax.

Вот мой код:

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

Любые предложения/решение было бы весьма признателен!

Answer 1

Что я сделал, чтобы исправить это, поместите вызов на клик, чтобы показать, а затем добавил таймаут, чтобы скрыть его. Кажется, работает очень хорошо.

<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>