javascript - Phonegap 阻止 pageinit

Question

我不太确定我是否正确使用了 pageinit 事件。我只使用 1 个 data-role="page"。每个“.html 文件”都是一个 data-role="content"，可以通过 javascript 显示或隐藏。

    $(document).delegate("#index", "pageinit", function(event, ui) {
  cookie = null;
  isLoggedIn(); //cookie = true || false
  initRotation();
  initNavigation();
  initService();
  .....
  if (cookie == null) {
    $('#login').show();
    $('#home, #foot, #service').hide();
  } else {
    $('#login, #service').hide();
    $('#foot, #home').show();
    $('#naviHome').addClass("ui-btn-active"); // ui-state-persist?!
  }
});

到目前为止效果很好，但现在我试图让用户为表单拍照。当相机打开并且用户“保存”该图片时，会触发 Android onRestart() 事件，从而再次触发 pageinit() 事件。我的两个问题是:我的显示/隐藏 div 的想法是否始终具有良好的性能，并且您可以阻止 pageinit 调用吗？

Answer 1

您可以有一个变量来跟踪 pageinit 应该或不应该被触发的位置。当用户打开相机时，可以更改变量，这样当它保存图片并尝试触发 pageinit 时，它不会。然后将变量切换回来，以便它可以针对其他事件再次触发。

另外，关于显示和隐藏 div，这对于性能来说不是最好的，但比不断加载页面要好。您可能想研究一个加载所有模板(html)并使用 js 加载/交换信息和模板的框架。就像backbone.js