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" >

正在使用 DEMO

jQuery移动持久导航栏过渡问题

1 个答案: