0

我正在使用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>
4

1 回答 1

0

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

于 2013-10-07T11:48:43.417 回答