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

jQuery Mobile简介

jQuery Mobile 是创建移动 web 应用程序的框架。

jQuery Mobile 适用于所有流行的智能手机和平板电脑。

jQuery Mobile 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局。

给header和footer添加 data-position="fixed" 和 data-tap-toggle="false"即可，代码如下：

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

PS:jquery mobile取消header和footer点击隐藏

header 跟footer 上下两个浮动bar上，预设为 true，点击页面会消失再次点击会显示

要取消此功能

方法一：在HTML标签上加入

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

方法二：在jQeury 加入

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

以上所述是小编给大家介绍的jQuery mobile的header和footer在点击屏幕的时候消失的解决办法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持！

jquery插件autocomplete用法示例
本文实例讲述了jquery插件autocomplete用法。分享给大家供大家参考，具体如下：(1)引入js和样式scripttype="text/JavaScript"src="../js/jQuery-1.8.0.js"charset="utf-8"/scripts

jQuery插件简单学习实例教程
本文实例讲述了jQuery插件及其用法。分享给大家供大家参考，具体如下：（1）异步分页插件flexgrid1）前台js%@pagelanguage="Java"contentType="text/html;charset=utf-8"p

jQuery基础_入门必看知识点
jQuery事件的因果关系是怎么样的一个格式：$("button").click(function(){})【正式接触jQuery】（1）jQuery的书写步骤：1.引入jQuery文件；2.新建一对script标签来书