当文本焦点（键盘打开）时，固定标题隐藏（消失）

Question

在我的适用于android（4.2.2）的phonegap应用程序中，使用jquery mobile（v 1.3.2）时，文本框被聚焦（键盘处于打开/显示状态），而jquery mobile的FIXED标头不再隐藏了。码。

<!-- header start -->
    <div data-role="header" id="header" data-position="fixed" data-tap-toggle="false">
        <h4>Stop Card</h4>

        <div class="ui-btn-left">
            <a data-role="button" data-icon="check" id="save" >Lagre</a>
        </div>
        <div class="ui-btn-right">
            <a data-role="button" data-icon="delete" id="stopCardcancel" >Avbryt</a>
        </div>
    </div>
    <!-- header end -->

Answer 1

使用此功能，您可以解决标题问题data-hide-during-focus="false" 。 这将修复标题。

这样尝试

<!-- header start -->
    <div data-role="header" data-position="fixed" data-tap-toggle="false" data-hide-during-focus="false" data-transition="none">
        <h4>Stop Card</h4>

        <div class="ui-btn-left">
            <a data-role="button" data-icon="check" id="save" >Lagre</a>
        </div>
        <div class="ui-btn-right">
            <a data-role="button" data-icon="delete" id="stopCardcancel" >Avbryt</a>
        </div>
    </div>
    <!-- header end -->

注意：仅在JQM 1.3.2中

Answer 2

查找存储库，这是一个未解决的问题， '软键盘＃5556后未修复固定的工具栏'

也许另一个stackoverflow问题的答案可以为您提供帮助。

Answer 3

有时data-position="fixed"无法正常工作，因此请为ui-header类指定position:fixed 。

.ui-header
{position:fixed;}