我正在使用 Appcloud 制作一个 Android 应用程序。我的问题是，我的“页面”设置为只是一个图片链接 (HTML)，它会将您发送到新的页面 (HTML 文件)。我知道有更好的方法来做这件事。我问了别人，他们说要使用 Jquery Mobile 在页面之间进行转换。 1. 如何在 AppCloud 中设置 Jquery Mobile。 2. 使用 Jquery Mobile 进行页面和转换的最佳方法是什么。谢谢！
1个回答
0
在这个回复中，我假设你对App Cloud、jQuery Mobile和JavaScript/jQuery有一定的了解。答案可能会有点长，但如果不假设一些知识，它会更长。
问题1：如何在App Cloud中设置jQuery Mobile。
这很简单。您需要包含两种技术的CSS和脚本。我已经在头部使用过这个并且成功了。
我添加了mainNavTargetBC类，然后在JavaScript中，您可以监听链接上的tap事件，如下所示：
问题1：如何在App Cloud中设置jQuery Mobile。
这很简单。您需要包含两种技术的CSS和脚本。我已经在头部使用过这个并且成功了。
<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视图。粗略地说，视图是应用程序的可导航部分，对应于一个HTML页面。视图可以包含多个逻辑页面。例如，一个视图可以包含一个显示可通过轻触选择的项目列表的页面，然后是另一个显示所选项目详细信息的页面。在页面之间进行转换时，App Cloud API forwardPage() 方法内置了转换，并默认为SLIDE_LEFT。在这种情况下，页面使用App Cloud的CSS来定义页面，如下所示：
<section id="pageone" class="page">`
如果您正在使用jQM的App Cloud，则很可能正在使用jQM的导航工具。 我仍然会在jQM中使用App Cloud视图，但是jQM中的逻辑页面是使用jQuery的CSS定义的，而不是App Cloud的。 就像在App Cloud中一样，jQM将多个逻辑页面放置在一个HTML文件中，并且使用jQuery的标准工具（包括jQM的转换）导航到这些逻辑页面不是问题。
问题在于切换到App Cloud视图。 通常，在jQM中，您会使用标签转到页面，但在App Cloud下，这将导致打开模态窗口并离开应用程序，这很可能不是您想要的。 相反，仍然使用锚标记，但删除href，如下所示：
<a rel="external" data-role="button" class="mainNavTargetBC">
我添加了mainNavTargetBC类，然后在JavaScript中，您可以监听链接上的tap事件，如下所示：
$("body").on( "tap", ".mainNavTargetBC", topNavClickedBC);
然后，在事件处理程序中，您可以使用navigateToView()方法转换到新的App Cloud视图，如下所示：
bc.device.navigateToView("brightcove.html");
就是这样。使用标准的App Cloud和jQM进行页面转换。简而言之，App Cloud内置了页面转换功能，但如果使用jQM，则使用它们的转换功能。
- mboles57
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接