jQuery для мобильных устройств: постоянный вопрос перехода на панель навигации

Question

Я использую jQuery Mobile 1.4.2 для завершения простой демонстрации, и мой код выглядит так:

<div data-role="footer" data-position="fixed" data-tap-toggle="false" data-id="common_footer">
    <div data-role="navbar">
        <ul>
            <li><a href="#order_manage" data-icon="gear" class="ui-btn-active ui-state-persist">订单管理</a></li>
            <li><a href="#rate_manage" data-icon="gear">评价管理</a></li>
            <li><a href="#logistic_manage" data-icon="gear">物流动态</a></li>
            <li><a href="#help_manage" data-icon="gear">帮助</a></li>
        </ul>
    </div>
</div>

Но каждый раз, когда я нажимаю на панель навигации, она теряет фон и становится прозрачной во время перехода

Что я должен делать? [этот документ сказал, что будет работать идеально][4]

Я хотел добавить несколько изображений, но моя репутация не квалифицирована

Пожалуйста, игнорируйте эти китайские иероглифы.

Answer 1

Поскольку постоянные верхние и нижние колонтитулы определяются вне страницы, они не наследуют автоматически тему данных страницы. Поэтому вам просто нужно включить тему данных в разметку:

<div data-theme="a" data-role="footer" data-position="fixed" data-tap-toggle="false" data-id="common_footer" >

Рабочая ДЕМО