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

Question

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

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

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

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

Я пробовал следовать, но это даже не делает вызов 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

Возникает ли событие на странице? Кроме того, вы можете захотеть привязать к событию pageshow для вас 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); 
     } 
    }); 
});