JQuery мобильный телефон: как предотвратить заголовок/колонтитул показать, когда определенный элемент нажмите

Question

HTML:

<div data-role="page"> 
<div data-role="header" data-position="fixed" data-fullscreen="true" > 
<div data-role="content" class="ui-content" id=""#article-page"> 
... 

Я хотел бы, чтобы предотвратить заголовок/колонтитул шоу вверх, когда по экрану влево/вправо или нажмите на определенный элемент содержимого ; В противном случае, пусть заголовок/нижний колонтитул.

Я попробовал preventDefault, не работает.

$("#article-page").bind("swipeleft", function(evt){ 
    evt.preventDefault(); 
    navidown(); 
}); 

Answer 1

Проверьте это.

<div data-role="header" data-position="fixed" data-fullscreen="true" 
    data-tap-toggle="false"> 

данные-tap-toggle добавлен.

$("div[data-role=header]").toolbar("hide"); 

API