jquery mobile：单击某个元素时如何防止页眉/页脚显示

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

添加了data-tap-toggle。

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

API