在Jquery Mobile中使用Appcloud
我正在用Appcloud制作一个android应用程序。我的问题是，我有我的“页面”设置，所以它只是一个图片链接(HTML)，把你送到一个新的页面(HTML文件)，我知道有一个更好的方法来做到这一点。我问过别人，他们说可以使用Jquery Mobile在页面之间切换。1.如何使用AppCloud设置Jquery Mobile。2.用Jquery Mobile做页面和事务的最佳方式是什么？谢谢!
回答 1
Stack Overflow用户
发布于 2012-12-26 22:57:50
在这个回复中，我假设你对App Cloud有一点了解，对JavaScript和jQuery /jQuery有一点了解。答案会有点冗长，但如果不假设一些知识，答案会更长。
问题1:如何使用应用程序云设置jQuery移动。
这很简单。您需要包含这两种技术的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手机(jQM)，第二种是如果你使用了。由于您正在寻找一种进行过渡的方法，因此不必使用jQM，因为页面过渡已内置于App Cloud中。
在标准的App Cloud中，您希望将每个HTML页面创建为App Cloud视图。粗略地说，视图是应用程序的可导航部分，与HTML页面相对应。视图可以包含多个逻辑页。例如，一个视图可以包含一个页面，该页面显示通过点击进行选择的项目列表，然后包含另一个页面，该页面显示点击的项目的详细信息。当在页面之间转换时，App Cloud API forwardPage()方法具有内置的转换，并且缺省为SLIDE_LEFT。此场景中的页面使用App Cloud的CSS来定义使用class属性的页面，如下所示：
<section id="pageone" class="page">`如果您正在使用App Cloud和jQM，那么您很可能正在使用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中，您可以监听链接上的点击事件，如下所示：
$("body").on( "tap", ".mainNavTargetBC", topNavClickedBC);然后，在事件处理程序中，您可以使用navigateToView()方法转换到新的App Cloud视图，如下所示：
bc.device.navigateToView("brightcove.html");所以就是这样。使用标准App Cloud和jQM的页面过渡。简单地说，页面过渡内置在App Cloud中，但如果使用jQM，则使用它们的过渡。
https://stackoverflow.com/questions/13998442
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号