JQuery Mobile标签显示透明

Question

我正在制作一个使用JQuery Mobile的网络应用程序。

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

视觉问题的照片：

标签栏的代码：

<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();函数，但是，在这种情况下，此函数似乎没有帮助。

有什么想法吗？