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>

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

1 个答案: