如何为iPad制作Jquery Mobile分屏布局？

Question

我非常喜欢这里展示的页面类型： http://jquerymobile.com/demos/1.0b1/#/demos/1.0b1/docs/pages/docs-pages.html 但我在源代码中找不到“Anatomy”或如何获取导航栏和内容区域的任何信息。

我该如何制作/获取像演示中显示的内容区域和导航区域？

- Ultibar

---

这只是CSS的问题，没有什么特别的。 - brianpeiris

Answer 1

我也正在寻找解决方案，因为这是一个非常有用的记录导航布局。但查看源代码很麻烦，因为结构与API不够相似，并且有几十个CSS类彼此影响。

但我发现了一个分屏插件可能会起作用: http://asyraf9.github.com/jquery-mobile/

- sw00

Answer 2

就像上一个答案中提到的一样- http://asyraf9.github.com/jquery-mobile/

有一个链接：https://github.com/asyraf9/jquery-mobile/

在左上角有存储库zip文件下载链接。

但是当你进入页面，查看文件和其他内容时，它似乎有些令人困惑。如果你仔细查看文件，你会发现这些文件与JQ Mobile网站上的同一个资源文档文件相同。

***区别在于文件结构：demos\experiments\目录下有一个 "splitview" 目录。你可以使用该目录中的内容作为参考。

- CorsairCursader