Jquery Mobile变更页面混乱

时间:2012-06-19 01:15:02

标签: jquery jquery-mobile

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

示例代码:

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

1 个答案:

答案 0 :(得分:0)

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

例如,

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