jQuery Mobile的持续性导航栏的过渡问题

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> 

但每次我点击导航栏的时候，它就会失去背景并在转换期间变得透明

我该怎么办？ [这个文档表示，将perfactly工作] [4]

我的意思是添加多个图像，但我的名誉是没有资格

请忽略那些中国字。

Answer 1

由于持久性页眉/页脚是在页面外定义的，因此它们不会自动继承页面的数据主题。因此，你只需要在标记中的数据主题：

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

工作DEMO