javascript - JQuery Mobile - 与对话框交互

Question

我正在将 JQuery Mobile 用于应用程序。虽然它是一个很棒的框架，但我正在了解一些细微差别。目前，我有一个两页的应用程序。当用户导航到第二页时，我与 Web 服务进行交互。如果 Web 服务返回成功，我将加载第二页。如果 Web 服务返回失败消息，我想向他们显示一个带有提示的对话框。为此，我目前正在执行以下操作:

my.js

$("#page2").live("pageshow", function () {
  var isGood = getResult();
  if (isGood == false) {
    $.mobile.changePage("/myDialog", { role: "dialog" });
  }
  else {
    // Continue loading page2 related information
  }
}); 

目前，这个逻辑几乎可以满足我的需要。出现对话框。但是，当我关闭它时，“page2”的“pageshow”事件再次触发。因此，再次加载对话框。本质上，我有一个无限循环。我不知道如何解决这个问题。它几乎就像一个对话框完全独立地加载到 DOM 中，而不是与页面相关。因此，我不确定如何响应对话框事件或与其交互。我该如何解决这个问题？

谢谢

Answer 1

我不确定这是否是最好的方法，但它应该有效:

var dialogShown = false;

$("#page2").live("pageshow", function () {
  if(dialogShown)
    return;
  var isGood = getResult();
  if (isGood == false) {
    $.mobile.changePage("/myDialog", { role: "dialog" });
    dialogShown = true;
  }
  else {
    // Continue loading page2 related information
  }
});