jquery footer navbar在点击时向上移动

Question

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

这可能是什么原因？