在移动应用程序中的页面之间导航的最佳方法是啥[关闭]

Posted 2023-02-26

【中文标题】在移动应用程序中的页面之间导航的最佳方法是啥[关闭]

【英文标题】：What is the best approach for navigating between pages in a mobile application [closed]在移动应用程序中的页面之间导航的最佳方法是什么[关闭]

【发布时间】：2014-02-13 17:50:04

【问题描述】：

在多页移动应用程序中更改页面的最佳方法是什么？

我已经看到它以两种方式完成（如下所示）。我似乎无法理解哪个是最好的方法。两者有区别吗？

$("#nextPage").load("myapp.html", function()
  alert("loaded next page!");
);

对比..

$('#currentPage').hide();
$('#nextPage').show();

【问题讨论】：

为什么将其作为 Worklight 问题的目标？这是“一般的移动设备”...

第一个示例加载外部内容，第二个不加载（它只是显示/隐藏现有内容）。 api.jquery.com/load

jQM 使用 Ajax，你在使用 jQM 吗？

您有什么理由不想只使用 jQuery Mobile 框架的系统吗？它会自动抓取外部链接（只要它们在同一个域中）......然后如果页面已经存在，它只会显示现有布局而不是重新加载它。但这些都是可以更改的选项。

我知道这是一个通用的移动问题，但话说回来，Worklight 是一个移动开发工具。 （因此我的 Worklight 标签）。我问这个问题是有原因的。关于使用（显示/隐藏）方法以及它如何呈现页面（在某些页面上看不到 jquery 样式表），我发现了一些奇怪的行为。 (.load) 方法似乎可以解决它。我似乎无法理解为什么 Worklight 文档会指示您使用（显示/隐藏）方法。就是这样..感谢您的所有帮助..

【参考方案1】：

关于您在问题中所写内容之间的区别 - 请参阅@Japser 的评论，但总的来说：

我会说这取决于您的应用程序设计、您想要“走多远”、您选择用于开发它的框架（Sencha、jQuery Mobile、jQuery、Dojo，...）等。 ..

如果您“简单”，您可以将 1 个 HTML 文件视为您的主页，并在其中有一个 DIV，您将使用 jQuery 的 .load 将其内容替换为与其他 HTML 文件不同的内容...

您也可以使用 jQuery Mobile 方法，同样使用 .changePage 等...，这取决于您实际想要做什么。

最后，这取决于您想要完成什么。 没有一种最好的方法。

---

如果您曾经在基于 Worklight 的项目中实现多页面导航，请务必记住 Worklight 应用程序是单页面应用程序，这一点非常重要。您不得“离开”Worklight 上下文，否则您的应用程序将停止运行。在此处查看更多信息：IBM Worklight 6.1 - Why is Cordova code not working when placed in a sub-page?

【讨论】：

所以.. Idan - 回应您的评论。如果我使用一个 HTML 页面但切换 DIV，是否可以将 .Load 方法与 worklight 应用程序一起使用？我会松散这种方法的背景吗？它似乎确实解决了我关于样式表问题的问题，但它会导致更多的问题而不是它的价值吗？

它会解决“丢失上下文”的问题，是的。使用其他框架时也有类似的方法。由您决定如何加载内容，只要您记住 Worklight 是一个单页应用程序，因此您无法离开它（例如使用 href...）

@DaveKrier，如果您的问题得到解答 - 请将此答案标记为“已回答”。

谢谢大家.. 感谢您的帮助。