2013-07-29 90 views
0

我有問題讓我的微調出現在AJAX文章。我嘗試了一些不同的方法,但我不能讓它顯示然後隱藏。如果我使用showPageLoagingMsg,並且在微調器出現後不隱藏它,但當然不會消失。我不反對任何關於如何讓加載器顯示然後隱藏這個AJAX帖子的建議。jQuery微調不工作在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(); 
     } 
     }); 
    }) 

任何建議/解決方案將不勝感激!

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