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 中 document.createEvent的用法
Aug 29 Javascript
jQuery 名称冲突的解决方法
Apr 08 Javascript
图解prototype、proto和constructor的三角关系
Jul 31 Javascript
深入理解Angular2 模板语法
Aug 07 Javascript
原生JS+Canvas实现五子棋游戏实例
Jun 19 Javascript
vue-infinite-loading2.0 中文文档详解
Apr 08 Javascript
实例解析Vue.js下载方式及基本概念
May 11 Javascript
详解javascript appendChild()的完整功能
Aug 18 Javascript
微信小程序实现点击图片旋转180度并且弹出下拉列表
Nov 27 Javascript
vue车牌号校验和银行校验实战
Jan 23 Javascript
React学习之受控组件与数据共享实例分析
Jan 06 Javascript
vue循环中点击选中再点击取消(单选)的实现
Sep 10 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 一元分词算法
2009/11/30 PHP
PHP 获取MySQL数据库里所有表的实现代码
2011/07/13 PHP
IIS+fastcgi下PHP运行超时问题的解决办法详解
2013/06/20 PHP
PHP轻量级数据库操作类Medoo增加、删除、修改、查询例子
2014/07/04 PHP
php统计数组元素个数的方法
2015/07/02 PHP
PHP基于curl实现模拟微信浏览器打开微信链接的方法示例
2019/02/15 PHP
JavaScript的parseInt 进制问题
2009/05/07 Javascript
Javascript 按位与运算符 (&amp;)使用介绍
2014/02/04 Javascript
jQuery使用之处理页面元素用法实例
2015/01/19 Javascript
12306验证码破解思路分享
2015/03/25 Javascript
Bootstrap 设置datetimepicker在屏幕上面弹出设置方法
2017/03/21 Javascript
原生JS实现的碰撞检测功能示例
2018/05/18 Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
2018/09/12 Javascript
Vue+Element实现动态生成新表单并添加验证功能
2019/05/23 Javascript
vue el-table实现自定义表头
2019/12/11 Javascript
vue+vant使用图片预览功能ImagePreview的问题解决
2020/04/10 Javascript
python 生成器协程运算实例
2017/09/04 Python
python实现分页效果
2017/10/25 Python
python+Splinter实现12306抢票功能
2018/09/25 Python
Python实现微信小程序支付功能
2019/07/25 Python
Python测试模块doctest使用解析
2019/08/10 Python
pymysql 插入数据 转义处理方式
2020/03/02 Python
Django分组聚合查询实例分享
2020/04/29 Python
css3 中实现炫酷的loading效果
2019/04/26 HTML / CSS
美国迪克体育用品商店:DICK’S Sporting Goods
2018/07/24 全球购物
杭州SQL浙江浙大网新恩普软件有限公司
2013/07/27 面试题
工程造价专业大学生自荐信
2013/10/01 职场文书
业务副厂长岗位职责
2014/01/03 职场文书
教导处工作制度
2014/01/18 职场文书
经典英文广告词
2014/03/18 职场文书
《假如》教学反思
2014/04/17 职场文书
2015年幼儿园个人工作总结
2015/04/25 职场文书
2015年党总支工作总结
2015/05/25 职场文书
刮痧观后感
2015/06/05 职场文书
MySQL数字类型自增的坑
2021/05/07 MySQL
nodejs利用readline提示输入内容实例代码
2021/07/15 NodeJs