Невозможно отключить переключение переключателей фиксированных заголовков в JQuery Mobile

Question

Я разрабатываю веб-приложение с 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> 

Answer 1

Во-первых, для того, чтобы использовать data-tap-toggle вы должны добавили data-fullscreen="true" и data-position="fixed" как к Заголовок и Footer. data-tap-toggle не требуется, поскольку вы управляете ими динамически.

Затем контролируйте их таким образом.

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

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

При нажатии или нажатии оба индикатора появятся и исчезнут.

Протестируйте его here.

Надеюсь, я помог.