javascript - 加载页面时隐藏 jQuery 移动页脚

Question

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

基于 the solutions here ，我也试过 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>

Answer 1

尝试添加这个 data-id="persistent"就像那样，它和我一起工作 <div data-role = 'footer' data-id="persistent" data-position='fixed' data-tap-toggle="false" data-theme = 'b'>
</div>