JQueryMobile: вызов Ajax после перехода на страницу результатов

Question

Я пытаюсь JQM построить следующую последовательность:

1. Пользователь нажимает Перейти на страницу 1.<a href="userListPage.jsp" data-role="button" data-inline="true">Go</a>
2. Переход к userListPage
3. Показать анимацию «Загрузка» и выполнить выборку вызовов Ajax и заполнить список на userListPage.

Обычный способ JQM:показать анимацию загрузки после шага 1 и перейти к userListPage, показывающему список результатов.

Но я хочу сначала показать страницу результатов, а затем загрузить фактические данные (через Ajax).

Iпопытался выполнить следующее, но это даже не делает вызов Ajax.

<script>
var mainloaded = false;
$('.userListPage').live('pageshow', function(event) {   //Workaround to show page loading on initial page load
    if(!mainloaded) {
        $.mobile.showPageLoadingMsg();
    }
});

$('.userListPage').live('pagecreate', function(event) {
    jQuery.ajax({
        url: "getUserList",  
        type: "GET",
        data: dataVar,
        success: function(result) 
        {   
            $.mobile.hidePageLoadingMsg();
            mainloaded = true;
            userListContent.innerHTML = result;
        },
        error: function(e){  
            $.mobile.hidePageLoadingMsg();
            alert('Error: ' + e);
        }   
    });
});

Есть предложения относительно того, как это сделать?

Answer 1

Срабатывает ли событие pagehow?Кроме того, вы можете привязать к событию pagehow для вашего вызова ajax.Как то так:

$('.userListPage').live('pageshow', function(event) {
    $.mobile.showPageLoadingMsg();
    jQuery.ajax({
        url: "getUserList",  
        type: "GET",
        data: dataVar,
        success: function(result) 
        {   
            $.mobile.hidePageLoadingMsg();
            userListContent.innerHTML = result;
        },
        error: function(e){  
            $.mobile.hidePageLoadingMsg();
            alert('Error: ' + e);
        }   
    });
});