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


Posted in Javascript onJuly 01, 2016

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在点击屏幕的时候消失的解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JS BASE64编码 window.atob(), window.btoa()
Mar 09 Javascript
JavaScript获得选中文本内容的方法
Dec 02 Javascript
JS 判断代码全收集
Apr 28 Javascript
JavaScript 构造函数 面相对象学习必备知识
Jun 09 Javascript
js每隔5分钟执行一次ajax请求的实现方法
Nov 27 Javascript
javascript异步处理工作机制详解
Apr 13 Javascript
简介JavaScript中用于处理正切的Math.tan()方法
Jun 15 Javascript
全面了解JavaScript的数据类型转换
Jul 01 Javascript
jQuery实现动态删除LI的方法
May 30 jQuery
webpack4 处理CSS的方法示例
Sep 03 Javascript
详解JavaScript 的变量
Mar 08 Javascript
详解vue beforeRouteEnter 异步获取数据给实例问题
Aug 09 Javascript
全面了解JavaScript的数据类型转换
Jul 01 #Javascript
全面解析JS字符串和正则表达式中的match、replace、exec等函数
Jul 01 #Javascript
浅谈JavaScript中的分支结构
Jul 01 #Javascript
Bootstrap下拉菜单效果实例代码分享
Jun 30 #Javascript
Bootstrap图片轮播组件使用实例解析
Jun 30 #Javascript
Bootstrap编写一个在当前网页弹出可关闭的对话框 非弹窗
Jun 30 #Javascript
Bootstrap编写一个同时适用于PC、平板、手机的登陆页面
Jun 30 #Javascript
You might like
php基于openssl的rsa加密解密示例
2016/07/11 PHP
详解PHP队列的实现
2019/03/14 PHP
Laravel5.5 数据库迁移:创建表与修改表示例
2019/10/23 PHP
jQuery实用基础超详细介绍
2013/04/11 Javascript
基于javascript 闭包基础分享
2013/07/10 Javascript
ExtJS的拖拽效果示例
2013/12/09 Javascript
让浏览器崩溃的12行JS代码(DoS攻击分析及防御)
2016/10/10 Javascript
如何判断出一个js对象是否一个dom对象
2016/11/24 Javascript
详解Vue使用命令行搭建单页面应用
2017/05/24 Javascript
VUE页面中加载外部HTML的示例代码
2017/09/20 Javascript
基于Vue的移动端图片裁剪组件功能
2017/11/28 Javascript
解决npm管理员身份install时出现权限的问题
2018/03/16 Javascript
解决v-for中使用v-if或者v-bind:class失效的问题
2018/09/25 Javascript
layui的布局和表格的渲染以及动态生成表格的方法
2019/09/18 Javascript
Vue页面刷新记住页面状态的实现
2019/12/27 Javascript
JavaScript实现表单验证功能
2020/12/09 Javascript
python实现查询苹果手机维修进度
2015/03/16 Python
详解python开发环境搭建
2016/12/16 Python
Python反射用法实例简析
2017/12/22 Python
Python continue继续循环用法总结
2018/06/10 Python
Python使用Selenium爬取淘宝异步加载的数据方法
2018/12/17 Python
机器学习实战之knn算法pandas
2019/06/22 Python
python使用sklearn实现决策树的方法示例
2019/09/12 Python
Python加密模块的hashlib,hmac模块使用解析
2020/01/02 Python
PyTorch 随机数生成占用 CPU 过高的解决方法
2020/01/13 Python
如何理解python中数字列表
2020/05/29 Python
python绘图pyecharts+pandas的使用详解
2020/12/13 Python
屈臣氏乌克兰:Watsons UA
2019/10/29 全球购物
医药专业应届毕业生求职信范文
2014/01/01 职场文书
小学教师办公室制度
2014/02/03 职场文书
应届中专生自荐书范文
2014/02/13 职场文书
联欢晚会主持词
2014/03/25 职场文书
单位推荐信范文
2015/03/27 职场文书
小学班主任工作总结2015
2015/04/07 职场文书
2016三八妇女节慰问信
2015/11/30 职场文书
python爬不同图片分别保存在不同文件夹中的实现
2021/04/02 Python