- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
我正在使用 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/
$.mobile.pageContainer 是指包含其他虚拟页面的元素。它设置为 .所以我认为它可以改变。实际上,某些 JQM 方法 (changePage) 允许您为页面指定非默认页面容器。 J
如何在移动设备上更改方向时触发事件。 调整大小 在 iPod Touch 上运行良好,但在使用 Opera mobile 作为浏览器的移动设备上运行良好。 有关如何在 Opera mobile 上触发
我想为我拥有的装有 Windows Mobile 2003 的设备开发一些应用程序,但我不想为此寻找 Visual Studio 2003 的副本。我想知道是否可以将 Mobile 6 SDK 用于此
我试图阻止 jQuery Mobile 在调用 changePage 时隐藏加载微调器。 程序流程是这样的,从点击一个链接开始,它的点击事件定义如下: $('body').delegate('.lib
我想为运行 Windows Mobile 5 的扫描仪开发应用程序。 MSDN 站点说要下载最新的 SDK(Windows Mobile 6 Professional SDK)。这会起作用还是我应该下
就目前而言,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the he
我正在尝试使用 Jquery mobile 创建弹出菜单,通过单击按钮,它应该在不更改页面的情况下弹出菜单选项,类似于 jquery mobile 的选择菜单。在 JQM 中有没有办法做到这一点? 谢
在移动设备中,当我打开我的页面并选择一个输入框时,虚拟键盘打开,页面自动滚动以将输入框置于中心。 我不想要这个 Action 。 我搜索了很多答案,其中大多数建议在调整大小事件中手动调用以下 java
jQuery 移动列表中是否可以有多个拆分按钮? 我试过这样做: 1 但它不起作用。将链接包装在 中也不行.我做错了什么,
我想从我的 .js 文件中打开 .html 文件。所以我使用了 $.mobile.changePage("file.html")。在file.html 中有file.js。但是 file.js 在调用
我们有许多使用 Windows Mobile 6 的用户,需要应用较小的更改。例如。更新注册表设置。一种选择是使用我们的设备管理软件推送和执行可执行文件。 我希望这对熟悉 VBScript/JScri
我在PHP网站上有一个日期字段,并且我正在使用jQuery Mobile作为移动网站。 在移动浏览器(例如android上的firefox mobile)上浏览网站时,单击日期文本输入时,会出现日历对
我正在构建一个PhoneGap + JQuery Mobile应用程序,但似乎无法阻止它通过双击放大。我按照http://www.tricedesigns.com/2012/01/17/mobile-
随着 jQuery Mobile 1.3 的到来,.navigate()已添加功能。我听说这是更改页面的推荐方法,似乎他们解决了在页面之间传输数据的问题。 问题是,既然已经简化了,我该如何访问 cha
我想得到一个 input文本区域和 submit按钮附在它的右侧。 理想情况下,两者将使用 100% 的宽度并且并排放置。 我一直在尝试玩弄ui-grid-a和类似的选择,但一切都失败了。你可以看到一
我正在使用 jquery-mobile,我有这两个按钮: Pro: Reset 我希望它们并排显示(内联)。但我想不通。我做了this但它不起作用。你能帮我吗 ?这是我的 CSS:
我正在为 Windows Mobile 6.5 (Samsung Omnia II i8000) 开发 native 应用程序。进行一些更改后,我的应用程序在运行时挂起。 问题是我的应用程序也在启动期
有没有办法从周围和图标中删除背景光盘(圆圈)?我找到的光盘的唯一引用如下 background: rgba(0,0,0,.4) /*{global-ic
jQuery 移动版虽然在很多方面都很棒,但有时也令人沮丧。在这种情况下,我试图动态创建库中非常好的按钮之一。 基本上我想要做的是在输入字段中输入文本,当按下空格键时,它会创建一个带有文本的 jQue
我想在我的第 2 页上显示标题。使用以下内容是否有效: "> .... ? 最佳答案 这取决于你定义什么为“有效”
我是一名优秀的程序员,十分优秀!