从丢失位置停止页眉页脚：通过单击修复 - Jquery Mobile

Question

我在 Cordova -3 应用程序中使用 jquery mobile。带有data-position:fixed 属性的页眉和页脚的简单页面。

<div data-role="page" id="myPage1">
    <div data-role="header" data-position="fixed">
        <h1>Page 1 header</h1>
    </div>


     <h1>Page 1</h1>
     <h1>Page 1</h1>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <div data-role="footer" data-position="fixed">

        <h1>Page 1 Footer</h1>
    </div>
</div>

它工作正常。但是当我单击正文的任何​​空白部分时，页眉页脚会从屏幕上消失。我认为它失去了data-position:fixed 属性。再次在那个时候，如果我再次单击任何空白处，页眉页脚将恢复为固定状态。奇怪的行为。无论我在屏幕的哪个位置触摸，我都希望固定页眉页脚。

您可以在这个JSFiddle 中看到问题，单击正文的任何​​部分并滚动。你会看到它不再固定在屏幕上。

请帮忙......

Answer 1

您必须像这样将 data-tap-toggle 设置为 false：

<div data-role="footer" data-position="fixed" data-tap-toggle="false">
    <h1>Page 1 Footer</h1>
</div>