jQuery mobile的header和footer在点击屏幕的时候消失的解决办法

<div data-role="footer" data-position="fixed" data-tap-toggle="false">
<div data-role="navbar">
<ul>
<li><a onclick="app.show('pgJgbfMain','pgJgbfXq')">门店详情</a></li>
<li><a onclick="app.show('pgTgbf','pgJgbfXq')">备忘登记</a></li>
<li><a onclick="app.show('pgTgbf','pgJgbfXq')">退货</a></li>
<li><a onclick="app.show('pgTgbf','pgJgbfXq')">换货</a></li>
</ul>
</div> 
</div>
<!-- footer end --> 

<div data-role="header" data-position="fixed" data-tap-toggle="false">
---content
</div>

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