jquery - HTML5 布局，如 Android 选项卡和滑动布局

Question

我正在为客户开发一个 HTML5 移动应用程序，但他想要一些我只在本机 (android) java 应用程序中见过的东西。他正在寻找的布局是这个模板之间的交叉

以及这个 android 应用程序的风格 - 或许多其他应用程序（groupon 就是一个很好的例子）。

_{（来源：blogspot.com）}

_{（来源：dayviews.com）}

关键的 2 个功能是像在链接模板中那样弹出左右菜单栏，然后是 3 个选项卡式滑动样式页面（一个用于今天、明天和未来）。

我能想到的唯一方法是使用 jquery 滑块或其他东西，并在其中包含文本而不是图像，但是我确信，必须有更好的方法，因此我来这里。

根据我的研究，我确信我必须使用 JQUERY MOBILE 或某种 JQUERY 脚本来执行此操作。

如果有人有任何建议/可以为我指明正确的方向，或者甚至向我展示一些这样的设计模板（我似乎看不到），我将不胜感激。

谢谢

亨利

score 2 · Accepted Answer

首先它可以完成，但是在完成这个项目之前你会尿血。

这里的主要问题是jquery mobile（和其他类似产品）不适合那么多定制。JQM 可以与 jQuery UI 组件一起使用，但它往往会因大量定制而停止（UI 组件渲染有时会因为 JQM 页面兑现而失败。

另一个问题是运行在 iPhone 上的 JQM 和运行在 Android 手机上的 JQM 之间的兼容性。iPhone 是 JQM 更好的平台。Android 在页面转换方面存在巨大问题（android 版本 2.X）。它已在 4.X 版中修复。

即使你可以创建一个防弹应用程序，你仍然会遇到像 phobegap/cordoba 这样的包装器框架的问题。

我给你的建议是创建一个原生应用程序。

1 回答 1