在 jQueryMobile 中创建菜单的最佳方法是什么

Question

我正在开发一个应用程序，其中包含一个带有指向多个页面的链接的菜单，我想知道实现它的最佳方法是什么。

一种解决方案是通过JavaScript在所有页面上创建菜单，但当它应该只对所有页面有一个全局菜单时，它会重复菜单。

另一个解决方案是在框架之外创建一个div，但这方式不会利用框架的任何功能。

Answer 1

目前版本的 jQueryMobile 1.0a4.1 是唯一的解决方案我发现正在 jQueryMobile 页面结构之外创建一个 div。

HTML：

<div id="global-header">Header</div> 

<div data-role="page">
    ...
</div>  

CSS：

#global-header {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 40px;
    width: 100%;
    z-index:99999;
}

.ui-page {
    padding-top: 40px;
}

Answer 2

我专门针对这个问题准备了这篇文章，它较少涉及固定页眉和页脚（因为我通常相信它们被误导，浪费了已经有限的房地产）以及更多关于处理全球导航的一般信息。希望这有帮助。

Answer 3

检查我正在编写的插件，名为 multiview。

它仍在进行中，但您可以通过将其放置在包装页面内但在您正在使用的任何面板之外来设置全局页眉/页脚。

让我知道这是否符合您的需求。我正在慢慢迈向错误修复阶段。