Javascript 加载页面时，jQuery移动页脚隐藏

我正在使用cordova v2.9和jQuery mobile v1.3创建一个android应用程序。我提到创建固定页脚。问题是，当我在android设备上加载页面时，页脚最初是隐藏的。如果我点击/点击屏幕上的任意位置一次，它就会出现。我没有编写任何css/js来单独隐藏页脚

基于，我还尝试了数据点击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>

尝试添加此数据id=“持久” 就像那样，这对我来说很有用