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

Question

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

一个solution是通过JavaScript在所有页面上创建菜单，但是当它应该只有一个全局到所有页面时，它会复制菜单。

另一个solution将在框架之外创建一个div，但这种方式不会利用框架的功能。

Answer 1

在jQueryMobile 1.0a4.1的当前版本中，我发现唯一的solution是在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

我专门针对这个问题准备了this post，它更少涉及固定的页眉和页脚（因为我通常认为它们是已经有限的房地产误导的浪费），更多的是关于处理全球导航的问题。希望这可以帮助。

Answer 3

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

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

如果这符合您的需要，请告诉我。我正在慢慢走向修复bug的阶段。