jquery - 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">物流动态&lt;/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" >

工作演示