2

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

我尝试使用属性“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>
4

1 回答 1

0

首先，为了使用你data-tap-toggle必须添加Headerdata-fullscreen="true"和Footer。现在不需要了，因为您可以动态控制它们。data-position="fixed"data-tap-toggle

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

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

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

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

在这里测试一下。

我希望我有所帮助。

于 2013-03-04T14:13:39.207 回答