Question

我正在使用JQuery Mobile（版本1.3.0）开发一个Web应用程序。它使用固定的标题，但是当用户点击表单内容时，我无法禁用“点击切换”行为。

我曾尝试使用“data-tap-toggle = false”属性，但它不起作用。当用户点击表单时标题继续被隐藏，并在再次点击时显示。

提前致谢！

<div data-role="page" class="Page" id="parameter_page">
    <div data-role="header" data-position="fixed" data-tap-toggle="false">
        <div class="headerContainer" >
            <a href="index.html"      data-role="button" class="ui-btn-left"  data-inline="true" data-direction="reverse" data-icon="back"  >Voltar</a>
            <a href="instrucoes.html" data-role="button" class="ui-btn-right" data-inline="true" >Instruções</a>
        </div>
    </div>
    ...
    ...
    ...
</div>

Answer 1

首先，为了使用data-tap-toggle，您必须将data-fullscreen="true"和data-position="fixed"添加到标题和页脚。现在不需要data-tap-toggle，因为你是动态控制它们的。

然后以这种方式控制它们。

$("[data-role=header],[data-role=footer]").fixedtoolbar({ tapToggle: true });

$("[data-role=header],[data-role=footer]").fixedtoolbar({ fullscreen: true });

点击或点击，两者都会出现然后消失。

测试here。

我希望我能得到帮助。

无法禁用JQuery Mobile中的固定标题的点击切换

1 个答案: