如何解决jQuerymobile的header和footer在点击屏幕的时候消失的问题

<p data-role="footer" data-position="fixed" data-tap-toggle="false">
<p 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>
</p> 
</p>
<!-- footer end -->

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

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