Постоянный заголовок в jQuery Mobile

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

Краткая версия: мне нужен постоянный заголовок в приложении PhoneGap + JQM, который остается на месте (никогда не перемещается) между переходами страницы, как это может быть сделано для нижнего колонтитула.

Длинная версия: во-первых, я полностью я новичок в jQuery и JQM, поэтому, пожалуйста, укажите на любые ошибки, которые я сделал.

Я пытаюсь получить заголовок, который сохраняется между разными страницами в приложении. Он должен быть похож на постоянный нижний колонтитул, который остается на месте всякий раз, когда пользователь переключается между страницами. Постоянный нижний колонтитул был получен с помощью data-role = "footer" data-id = "(некоторый согласованный идентификатор)" data-position = "fixed". Он работал довольно хорошо (случайные сбои, когда он терялся, а затем автоматически исправлялся через пару секунд). Для получения дополнительной информации о том, что я ищу, см. «Постоянный нижний колонтитул» здесь: http://jquerymobile.com/test/docs/#/test/docs/toolbars/docs-footers.html

И посмотрите пример постоянного нижнего колонтитула по ссылке ниже. Посмотрите, как при выборе элемента в нижнем колонтитуле происходит переход на совершенно новую страницу, но нижний колонтитул не перемещается: http://jquerymobile.com/test/docs/#/test/docs/toolbars/footer-persist-a.html

Теперь я пытаюсь сделать то же самое, но хочу, чтобы это было вверху приложения, а не внизу. Я пробовал следующее:

  • Сдвиг нижнего колонтитула в верхнюю часть страницы (не знаю, какой тег ловить в jQuery. Пробовал div. (Класс jQuery) с использованием нескольких классов jQuery, но ни один из них не работал. Я использовал FireBug, чтобы определить, что это "верхний" атрибут CSS, который необходимо изменить.

HTML на каждой странице:

JavaScript:

$('div.ui-footer').css('top', '0px');
$('div.ui-footer-fixed').css('top', '0px');
$('div.fade').css('top', '0px');
$('div.ui-fixed-overlay').css('top', '0px');
$('div.ui-bar-a').css('top', '0px');
  • Использование data-role = "header" (не сохраняется, как нижний колонтитул). Этот метод создаст нужный заголовок (потому что я переопределил некоторые CSS), но при переходе между страницами он не будет поддерживать заголовок вверху. В документации JQM также не указано, что они поддерживают постоянный заголовки, хотя в нем указано, что он поддерживает постоянные нижние колонтитулы:

HTML на каждой странице:


10
задан Jon 6 June 2011 в 22:44
поделиться