Javascript JQuery移动选项卡显示透明

我正在制作一个利用JQuery Mobile的web应用程序

我已经在屏幕底部创建了一个选项卡栏，但是，它显示了一个紫色链接（颜色应该是白色，因为这是默认的），并且选项卡后面没有背景色

视觉问题的照片：

选项卡栏的代码：

<footer data-role="footer" data-id="navFooter" data-position="fixed">
<nav data-role="navbar" class="nav-footer">
    <ul>
        <li><a href="#landmarks" id="LandmarksTab" data-icon="custom">Landmarks</a>
        </li>
        <li><a href="#map" id="MapTab" data-icon="custom">Map</a>
        </li>
        <li><a href="#more" id="MoreTab" data-icon="custom">More</a>
        </li>
    </ul>
</nav>

我知道

enhanceWithin（）函数，但是，此函数在这种情况下似乎没有帮助

有什么想法吗？
将
数据主题添加到页脚或导航栏。另一个注意事项是，使用
enhanceWithin（）
来增强页脚虽然有效，但并不正确。使用
.toolbar（）
。感谢您的回复。这解决了样式问题，但是，现在它没有显示它已被选中，即使添加了class=“ui btn active ui state persist”。任何想法？添加到锚定或列表项的类？以下是列表项中的类：class=“ui li has thumb ui first child”ui btn active应添加到锚定
a
。