jQuery Mobile页面返回无需重新get
jquery mobile新版中没有返回按钮的解决方案
1、 需要在页面源代码的 page 中加上 data-add-back-btn="true" 。
$.mobile.page.prototype.options.addBackBtn = true; });
----------------------------------------
jQuery Mobile页面返回无需重新get
http://www.th7.cn/web/ajax/201208/5059.shtml
页面在切换完后,会触发pagechange事件,于是我把pagebeforeshow改成了pagechange,一切都按预期运行,并且没有错误,终于大功告成了。
总结
在使用该插件时,请注意以下几点:
1、必须在引用该脚本之前,引用jquery和jquery mobile脚本文件;
2、必须在page上增加data-dom-cache="true"。
----------------------------------------------------------
jquerymobile-5 back button和footer
使用jquerymobile的时候,我们新进入一个页面可能需要添加一个返回按钮,用户返回到上一个页面,我们可以使用上一篇文章中的方法,在Header中添加返回上一个页面的链接,但是这样有一点不好,如果这个页面有多个入口(即可以从多个页面跳入本页面),那么我们这个返回就得做判断了。在这种情况下我们可以使用jquerymobile的data-add-back-btn属性,并将其值设为true。这样jquerymobile会自动为我们记住该返回哪个页面。下面看一个例子代码:
<a href="" data-rel="back">Go back...</a>
我们做手机应用的时候,一般会在下面添加一些按钮,这时候我们就可以在footer上添加按钮了。这里我们不使用真正的按钮,而是使用CSS来将A标签,做成按钮一下,在上面的程序中添加如下的代码:
- <div data-role="footer" class="ui-bar">
- <a href="credits.html">Credits</a>
- <a href="contact.html">Contact</a>
- </div>
jQuery Mobile页面返回无需重新get相关推荐
- 使用 jQuery Mobile 与 HTML5 开发 Web App (十二) —— jQuery Mobile 页面事件与 deferred
在系列的上一篇文章<使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 事件详解>中,Kayo 介绍了除页面事件外的其他 jQuery ...
- jQuery Mobile 笔记(1)- jQuery Mobile页面结构
jQuery Mobile页面解构 jQuery Mobile 的"页面"结构不同于传统的html页面,这样做是为了优化single page application的用户体验. ...
- [ Talk is Cheap Show me the CODE ] : jQuery Mobile页面布
[ Talk is Cheap Show me the CODE ] : jQuery Mobile页面布局 当我们专注地研究人类生活的空虚,并考虑荣华富贵空幻无常时,也许我们正在阿谀逢迎自己懒惰的天 ...
- 使用 jQuery Mobile 与 HTML5 开发 Web App (九) —— jQuery Mobile 页面与对话框
在<使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 基础>中,Kayo 曾经简略介绍过 jQuery Mobile 的页面组件,当 ...
- jquery mobile 页面间的传递参数
jq mobile作为一个web开发手机app的框架,打包后的apk,其实就是在手机上模拟一个简易的浏览器,然后进行js操作,在没有服务器端脚本语言的支持下,如何传递参数呢? 很明显,这就要依靠jqu ...
- jquery mobile页面切换效果(Flip toggle switch)(注:jQuery移动使用的数据属性的列表。 )...
1.页面切换(data-transition) 地址:http://api.jquerymobile.com/data-attribute/ data-transition fade | f ...
- 关于jquery mobile 页面闪烁与抖动问题
1.闪烁:在用a链接跳转到另一个页面的时候,页面总会抖动几下,其实就是页面切换时的transition特效,jqm貌似默认了这项. 解决方案:在a链接添加transition:none; 属性就可以啦 ...
- jQuery mobile插件基础知识笔记
一.简介 1.Jquery mobile是针对触屏智能手机与平板电脑的website以及在线应用的前端开发框架. jQuery mobile是一个触控优化的HTML5 UI框架,旨在让所有智能手机.平 ...
- Jquery Mobile转场特效之slide | 小小iPhone开发
Jquery Mobile转场特效之slide | 小小iPhone开发 2012 Jquery Mobile转场特效之slide 作者:小小 发布:2012-12-12 14:03 分类:j ...
最新文章
- deeplearning4j – 分布式DL开源项目
- 让孩子尽快了解这个世界
- 【HTML学习】——一个网页HTML编程的构成
- android layer-list,Android layer-list的属性和使用具体解释
- .NET Core中的一个接口多种实现的依赖注入与动态选择
- Java类加载的那些事
- delphi 中几种多线程操作方式
- Java 算法 数字分类
- Python 数据结构与算法——拓扑排序
- 输出有向图的邻接矩阵
- 【TBSchedule】TBSchedule应用实战手册
- Java修改图片大小尺寸图片缩放
- ALV 单元格控制参数LVC_S_STYL排序问题
- PS CS6中文如何切换成英文版界面?
- UE4虚幻引擎开发手机游戏
- 星耀视界2019研讨会笔记
- Linux 下串口编程(C++ 程序设计)
- Elasticsearch:Ingest pipeline 介绍
- 前端通过后端返回文件流下载文件
- 富士胶片记录媒体:磁带存储或将成为数据安全的最后防线
热门文章
- Java并发编程—线程间协作方式wait()、notify()、notifyAll()和Condition
- 从最基础的讲起如何做到均匀的生成随机数
- 数据结构:二叉树(BinaryTree)原理及其java实现
- DHCP : 网络世界身份的获取
- HDU 1754 I Hate It(线段树)
- 面试常备题----数组总结篇(上)
- Java架构师在线视频,架构师的7大必备技能
- Git.之.最小化配置
- Mongo Windows 基本使用入门
- [Gradle] 在 Eclipse 下利用 gradle 构建系统