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

【问题标题】：What's the best way to create a menu in jQueryMobile在 jQueryMobile 中创建菜单的最佳方法是什么
【发布时间】：2011-04-14 14:28:25
【问题描述】：

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

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

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

【问题讨论】：

尝试使用 Sencha Touch 代替 jQuery Mobile :3
你找到什么了吗？任何有用的答案？ JQM 说为页眉/页脚使用相同的 ID 是解决方案，但它就像你说的那样是双重实现。
你签出jquerymobile.com/demos/1.0/docs/pages/touchoverflow.html了吗？目前，它仅适用于 iOS5，但如果这就是您的全部目标，它可能会有所帮助。

标签： javascript jquery mobile jquery-mobile

【解决方案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;
}

【讨论】：

这很好用，但是有什么方法可以让 jQuery Mobile 样式应用于标题中的元素？完成上述操作后，jQuery mobile 不会对标题中的元素做任何事情。

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

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

让我知道这是否符合您的需要。我正在慢慢地朝着修复错误的阶段前进。

【讨论】：