Я использую $.ajax(), чтобы заполнить список в мобильном веб-приложении. То, что я хотел бы сделать, - это показать, что при загрузке этого списка выполняется разворот мобильной загрузки jQuery, когда этот вызов выполняется и исчезает после заполнения списка. Текущая версия JQM использует $.mobile.showPageLoadingMsg()
и $.mobile.hidePageLoadingMsg()
для отображения и скрытия счетчика загрузки соответственно. Я не могу понять, где именно разместить эти утверждения, чтобы получить правильный результат. Кажется, что это должно быть довольно простой задачей, я просто не смог найти ничего об этом точном сценарии.
Здесь вызов ajax внутри функции pagecreate:
$('#main').live('pagecreate', function(event) {
$.ajax({
url: //url
dataType: 'json',
headers: //headers
success: function(data) {
for(i = 0; i < data.length; i++) {
$('#courses').append('<li>' + data[i].name + '<ul id="course' + data[i].id + '"></ul>' + '<span class="ui-li-count">' + data[i].evaluatedUserIds.length + '</span></li>');
$('#course' + data[i].id).listview();
for(j = 0; j < data[i].evaluatedUserIds.length; j++) {
$('#course' + data[i].id).append('<li><a href="">' + data[i].evaluatedUserIds[j] + '</a></li>');
}
$('#course' + data[i].id).listview('refresh');
}
$('#courses').listview('refresh');
}
});
});