我正在使用cordova v2.9 和jQuery mobile v1.3 创建一个android 应用程序。我参考了这个页面来创建一个固定的页脚。问题是，当我在 android 设备上加载页面时，页脚最初是隐藏的。如果我在任何地方点击/单击屏幕一次，它就会出现。我还没有编写任何 css/js 来单独隐藏页脚。
基于此处的解决方案，我也尝试了data-tap-toggle="false"，但它不起作用。你们能帮我解决这个问题吗？谢谢。
附加信息
我做的一件事是最初在应用加载时隐藏父容器，然后在单击按钮时显示它。页脚和其他内容在父级内部，因此页脚也应该在单击按钮时可见。下面是父容器的代码：
<div id="testTakingDiv" class="screen dontDisplay" style="width: 100%; margin: 0; padding: 0;">
<div data-role="navbar" data-iconpos="top" class="ui-body-a">
<ul>
<li><a data-icon="gear" href="#" id="testTimer">29:58:30</a></li>
<li><a data-icon="grid" href="#" id="showGridButton">Grid</a></li>
<li><a data-icon="delete" href="#" id="quitTestButton">Quit</a></li>
</ul>
</div>
<div>
<div id="questionText" style="margin-top: 2%; padding: 1%;"></div>
<div id="optionsText" style="margin-top: 2%; padding: 1%;"></div>
</div>
<div data-role="footer" data-position="fixed" data-id="quesOptions" data-tap-toggle="false">
<div data-role="navbar" data-iconpos="top">
<ul>
<li><a id="markQuesButton" href="#" style="background: #4E387E;" data-icon="star">Mark</a></li>
<li><a id="skipQuesButton" href="#" style="background: #F70D1A;" data-icon="forward">Skip</a></li>
<li><a id="saveQuesButton" href="#" style="background: #437C17;" data-icon="check">Save</a></li>
</ul>
</div>
</div>
</div>