在jQuery Mobile 1.3的Ajax調用中顯示頁面加載器（微調器）

Question

我有一個使Ajax調用動態加載數據的jQuery Mobile 1.3.0應用程序。我在jQuery Mobile的早期版本中看到了多種選擇（請參閱Show Page Loading Spinner on Ajax Call in jQuery Mobile），但尚未找到1.3的答案。

Ajax調用是類似於：

$.getJSON(url, function(data) { 
    console.log(JSON.stringify(data)); 
    $.each(data.cards, function(index, card) { 
    $('#card-name').text(card.title); 
    }); 
}); 

什麼是用於顯示正在加載的旋轉每個Ajax調用的最好方法？

Answer 1

經過一番研究並嘗試了幾個選項後，我發現這適用於應用程序中的每個Ajax調用。我添加以下代碼向我的JavaScript的頂部：

// Load the spinner if an ajaxStart occurs; stop when it is finished 
$(document).on({ 
    ajaxStart: function() { 
    $.mobile.loading('show'); 
    }, 
    ajaxStop: function() { 
    $.mobile.loading('hide'); 
    }  
}); 

這樣，不管我有多少地方顯示通過Ajax的jQuery Mobile的加載器（微調）加載數據通過將代碼的這個片斷時間。

如果有人知道更好的方法，請讓我知道。