Какой лучший способ создать меню в jQueryMobile

Question

Я занимаюсь разработкой приложения, которое содержит меню со ссылками на несколько страниц, и я хотел бы знать, каков наилучший способ его реализации.

Одно решение заключается в создании меню на всех страницах с помощью JavaScript, но оно будет дублировать меню, если в нем будет только один глобальный элемент для всех страниц.

Другим решением будет создание div вне фреймворка, но в этом случае не будут использоваться какие-либо преимущества фреймворка.

Answer 1

Я подготовил этот пост специально для этого вопроса. В нем меньше говорится о фиксированных верхних и нижних колонтитулах (поскольку я, как правило, считаю их ошибочными отходами и без того ограниченной недвижимости) и больше о работе с глобальной навигацией в генеральный. Надеюсь это поможет.

Answer 2

В текущей версии jQueryMobile 1.0a4.1 единственное решение , которое я обнаружил, - это создание div вне структуры страницы jQueryMobile.

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 3

Проверьте плагин, который я пишу, который называется multiview .

Это все еще работает в процессе работы, но вы можете установить глобальный верхний / нижний колонтитул , поместив его внутри страницы-обертки, но вне панелей, которые вы используете.

Дайте мне знать, если это будет соответствовать вашим потребностям.Я медленно продвигаюсь к этапу исправления ошибок.