PhoneGap + jQuery Mobile：如何在页面转换时执行异步操作

Question

我的主页有一个指向另一个JQM页面的链接，该页面包含一系列电话：

<a href="#phonesPage">Phones List</a>

使用此插件将手机列表缓存在app-preferences中：

<plugin name="cordova-plugin-app-preferences" spec="~0.99.3" />

在显示页面之前，我需要填写手机列表。在异步操作中读取首选项：

var prefs = window.plugins.appPreferences;
prefs.fetch('phonesList').then(function(value) {
  console.log('got value='+JSON.stringify(value));
}, function(err) {
  console.log('got err='+JSON.stringify(err));
});

我想回复 pagecontainerbeforeshow 事件，如下所示：

$(":mobile-pagecontainer").on("pagecontainerbeforeshow", function (event, ui) {
  var id = ui.toPage.get()[0].id;
  if (id === "phonesPage") {
    <!--read list from preferences, then populate list view in page -->
  }

所以我的问题是我无法阻止执行 pagecontainerbeforeshow ，直到从首选项中读取数据。

我的方法有误吗？任何人都可以建议实现这一目标的正确方法吗？