2012-06-19 4 views
0

В приведенном ниже примере страница 1 получает новые элементы списка при первой загрузке. Когда вы переходите на страницу2 и запускаете смену через скрипт, страница не получает новые элементы списка.JQuery Mobile changepage confusion

пример кода:

$('#page2').live('pageinit', function(event) { 
    $.mobile.changePage("page1.html", {reloadPage: true}); 
} 

$('#page1').live('pageinit', function(event) { 
    // insert new list items here 
    $('#mylist').listview('refresh'); 
} 

Однако, если вы делаете одно и то же, но что-то предупреждение перед рукой, например, так:

$('#page2').live('pageinit', function(event) { 
    $.mobile.changePage("page1.html", {reloadPage: true}); 
} 

$('#page1').live('pageinit', function(event) { 
    alert("testing..."); 
    // insert new list items here 
    $('#mylist').listview('refresh'); 
} 

страница действительно получить новые элементы списка. Это похоже на то, что он запускается в другой последовательности при перезагрузке с помощью changepage. Он должен срабатывать слишком быстро. Какую функцию я должен использовать, чтобы ждать?

+0

Hum ... Селектор '# page2' позволит' page1.html' измениться, но в то же время у вас будет 'reloadPage: true', который выглядит как рекурсия. – arttronics

ответ

0

Попробуйте data-ajax="false" по ссылке, которую направляют на следующую страницу ...

Для примера,

<a href="page2.html" data-role="button" data-ajax="false"> Click</a> 
Смежные вопросы