如何修复jquery mobile的标题？

Question

当我点击任何地方（不会导致页面更改）例如：<li>，然后我的标题也随着li 滚动， 如果我给 data-tap-toggle="false" 那么标题也不会隐藏输入文本框。

解决办法是什么？

Answer 1

参考documentation，你必须在标签中指定data-position="fixed"。

试试这个：

<div data-role="header" data-position="fixed">
  <h1>Fixed Header!</h1>
</div>

或者在您的情况下，在标题中使用菜单 <ul> <li>（查看 here）

<div data-role="header" data-position="fixed">
<div data-role="navbar">
    <ul>
        <li><a href="a.html">Info</a></li>
        <li><a href="b.html">Friends</a></li>
        <li><a href="c.html">Albums</a></li>
        <li><a href="d.html">Emails</a></li>
    </ul>
</div>

点击时要隐藏页眉或页脚，请执行以下操作 (link)：

$.mobile.fixedToolbars.setTouchToggleEnabled(false);