Jquery Mobile 更改页面混乱

Question

在下面的示例中，page1 在第一次加载时接收新的列表项。当您导航到 page2 并通过脚本触发 changepage 时，该页面不会收到新的列表元素。

示例代码：

$('#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 重新加载时以不同的顺序触发一样。它必须开得太快。我应该使用什么功能才能等待？

Answer 1

在指向下一页的链接上尝试data-ajax="false"...

例如，

<a href="page2.html" data-role="button" data-ajax="false"> Click</a>