javascript - 当文本焦点(键盘打开)时，固定标题隐藏(消失)

Question

在我使用jquery mobile(v 1.3.2)的android(4.2.2)phonegap应用程序中，当jquery mobile时文本框聚焦(键盘打开/显示)已修复 header 隐藏不再可见。这是示例代码。

<!-- 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

使用它可以修复 header 问题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 中