我正在使用 Appcloud 制作 Android 应用程序。我的问题是，我设置了“页面”，所以它只是一个图片链接 (HTML)，可以将您发送到一个新页面(HTML 文件)我知道有更好的方法可以做到这一点。我问过人，他们说用 Jquery Mobile 来实现页面间的转换。 1. 如何使用 AppCloud 设置 Jquery Mobile。 2. 使用 Jquery Mobile 进行页面和转换的最佳方式是什么。谢谢!
最佳答案
在此回复中，我假设您对 App Cloud、jQuery Mobile 和 JavaScript/jQuery 有所了解。答案会有点长，但如果不假设一些知识，它会更长。
问题 1:如何使用 App Cloud 设置 jQuery Mobile。
这很简单。您需要包括这两种技术的 CSS 和脚本。我已经将其用于 header 并取得了成功。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="bc-manifest" content="manifest.json" />
<title>App Cloud</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script type="text/javascript" src="javascripts/lib/brightcove-app-cloud-1.12.min.js"></script>
<script type="text/javascript" src="javascripts/views/appcloud.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>
<body>
…
问题 2:使用 Jquery Mobile 进行页面和转换的最佳方式是什么。
我将从两个方面回答这个问题。如果您不使用 jQuery Mobile (jQM)，则使用第一种方法；如果使用，则使用第二种方法。由于您正在寻找一种进行转换的方法，因此您不必使用 jQM，因为 App Cloud 中内置了页面转换。
在标准 App Cloud 中，您希望将每个 HTML 页面创建为 App Cloud View 。粗略地说， View 是应用程序的可导航部分，对应于 HTML 页面。 View 可以包含多个逻辑页面。例如，一个 View 可以包含一个页面，该页面显示一个项目列表供点击选择，然后另一个页面显示点击项目的详细信息。在页面之间转换时，App Cloud API forwardPage() 方法内置了转换，默认为 SLIDE_LEFT。此场景中的页面使用 App Cloud 的 CSS 来定义使用 class 属性的页面，如下所示:
<section id="pageone" class="page">`
如果您将 App Cloud 与 jQM 结合使用，您很可能正在使用 jQM 的导航工具。我仍然会使用带有 jQM 的 App Cloud View ，但是 jQM 中的逻辑页面是使用 jQuery 的 CSS 定义的，而不是 App Cloud 的。与 App Cloud 一样，jQM 将多个逻辑页面放在一个 HTML 文件中，使用 jQuery 的标准工具(包括 jQM 的转换)导航到这些逻辑页面不是问题。
问题正在更改为 App Cloud View 。通常在 jQM 中，您会使用 转到页面，但在 App Cloud 下，这将导致打开一个模态窗口并且您会离开您的应用程序，这很可能是您不想要的。相反，在仍然使用 anchor 标记的同时，删除 href，如下所示:
<a rel="external" data-role="button" class="mainNavTargetBC">
我添加了 mainNavTargetBC 类，然后在 JavaScript 中您可以监听链接上的点击事件，如下所示:
$("body").on( "tap", ".mainNavTargetBC", topNavClickedBC);
然后，在事件处理程序中，您可以使用 navigateToView() 方法转换到新的 App Cloud View ，如下所示:
bc.device.navigateToView("brightcove.html");
原来如此。使用标准 App Cloud 和 jQM 的页面转换。回顾一下，页面转换内置于 App Cloud 中，但如果使用 jQM，则使用它们的转换。
关于android - 将 Appcloud 与 Jquery Mobile 结合使用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13998442/