jQuery Mobile - 如何强制重新创建页面 - pagebeforecreate 事件

Question

我有一个小型 jQuery 移动网站。

• 都是单个.html文件
• 它有一些编辑功能（查看、编辑、保存）
• 所有工作都与ajax/json/web service

我的大部分页面都使用来自web service, via AJAX & JSON 的数据，所以我经常使用以下内容：

$(document).on( 'pagebeforecreate', '#monday', function() {

// do some stuff on before create, load data with AJAX

});

现在，我如何强制重新创建页面（pagebeforecreate 事件），以便再次运行内部的 AJAX（从服务器获取最新数据）？

Answer 1

使用pageBeforeShow 而不是pageBeforeCreate。

来自jqmdocumentation，关于创作事件。

请注意，这些事件只会在每个“页面”触发一次，而显示/隐藏事件则在每次显示和隐藏页面时触发。

Answer 2

我建议创建一个函数，您可以在 pagebeforecreate 事件触发时以及您想要更新站点时调用它：

function myUpdateFunc() {
    // load data w/ AJAX
}

$(document).on('pagebeforecreate', '#monday', function () {
    //do some stuff on `pagebeforecreate`

    myUpdateFunc();
});

现在您可以从声明的范围内的任何位置调用myUpdateFunc() 函数。

另外，您可以使用.trigger() 触发事件，在事件的事件处理程序中运行代码：

$('#monday').trigger('pagebeforecreate');

Answer 3

使用此代码强制重新创建/刷新页面：

function refreshPage() {
  $.mobile.changePage(
    window.location.href,
    {
      allowSamePageTransition : true,
      transition              : 'none',
      showLoadMsg             : false,
      reloadPage              : true
    }
  );
}

从here 获取和测试。