jQuery 持久的移动导航栏转换问题

Question

我使用jQuery Mobile 1.4.2 完成了一个简单的demo，我的代码是这样的：

<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

因为persistent headers/footers是在页面外定义的，它们不会自动继承页面的data-theme。因此，您只需要在标记中包含数据主题：

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

Working DEMO

jQuery 持久的移动导航栏转换问题

jQuery mobile persistant navbar transition issue

jquery

jquery-mobile

transition

jquery-mobile-navbar