Jquery mobile 点击后，jquery页脚导航栏向上移动

我正在使用PhoneGap开发一个移动应用程序。该应用程序有一个页面，页面的页脚是jQuery Mobile导航栏。我面临的问题是，当我点击屏幕的任何区域时，导航栏会向上移动相当于其高度的距离，在原始位置留下空白。如果我再次点击它，它会恢复正常

我的导航栏代码：

<div data-theme="a" data-role="footer" data-position="fixed">
  <div data-role="navbar" data-iconpos="left">
    <ul>
      <li>
        <a onClick="navRegister();" data-role="button" data-transition="fade" data-theme="e" data-icon="gear">
          <h5> Register </h5>
        </a>
      </li>
      <li>
        <a onClick="exitFromApp();" data-role="button" data-transition="fade" data-theme="e" data-icon="back">
          <h5>  Exit  </h5>
        </a>
      </li>
    </ul>
  </div>
</div>

---

这可能是什么原因？

将数据点击切换=false添加到页脚div。我尝试过了。不工作。我认为它适用于jquerymobile1.1版本。我使用的是1.3它适用于所有版本。用p改变h5，看看行为是否改变。另外，通过添加toggle false.behavior，将p从h5try data id=persistent更改为footer div不会改变行为