Показать загрузчик страницы (Spinner) на Ajax Call в jQuery Mobile 1.3

Question

У меня есть приложение jQuery Mobile 1.3.0, которое вызывает вызовы Ajax для динамической загрузки данных. Я видел различные варианты для этого в предыдущих версиях jQuery Mobile (см. Show Page Loading Spinner on Ajax Call in jQuery Mobile), но не нашел ответа для версии 1.3.

Аякса вызовы аналогичны:

$.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 (вращателя) отображается путем добавления этого фрагмента кода одного время.

Если кто-нибудь знает о лучшем подходе, пожалуйста, дайте мне знать.