jQueryMobile теряет фиксированный navbar при использовании кнопки назад - PullRequest
Новая
       1

jQueryMobile теряет фиксированный navbar при использовании кнопки назад

1 голос
/ 09 июня 2011

У меня есть фиксированная панель навигации в нижнем колонтитуле, которая выглядит следующим образом (за исключением того, что у меня есть также заголовок):

http://brooky.cc/wp-content/uploads/2011/04/nav_icon.png

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

Моя страница настроена на отдельные файлы (одна страница на файл), поэтому у меня есть index.php и products.php, которые в настоящее время идентичны, за исключениемзаголовок изменен.Код: 

<!DOCTYPE html> 
<html> 
<head> 
<title>Page Title</title> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
</head> 
<body> 

<div data-role="page" id="home">

<div data-role="header">
    <h1>Home</h1>
</div><!-- /header -->

<div data-role="content">   
    <p>Home screen.</p>     

</div><!-- /content -->

<div data-role="footer" data-position="fixed">
    <div data-role="navbar">
        <ul id="footernav">
            <li><a href="index.php" data-icon="home" data-iconpos="top">Home</a></li>
            <li><a href="products.php" data-icon="star" class="ui-btn-active" data-iconpos="top">Products</a></li>
        </ul>
    </div><!-- /navbar -->
</div>

</div><!-- /page -->

</body>
</html>

1 Ответ

0 голосов
/ 10 июня 2011

Крис, я боюсь, что это нерешенная проблема, см.

https://github.com/jquery/jquery-mobile/issues/1047

Некоторые люди рекомендовали IScroll, которую вы, возможно, захотите проверить.

http://cubiq.org/iscroll

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

В нашем проекте мы решили использовать шаблоны jQuery, поэтому все содержимое страницы создается динамически.См.

http://api.jquery.com/category/plugins/templates/

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...