jquery mobile新版中没有返回按钮的解决方案

1、 需要在页面源代码的 page 中加上 data-add-back-btn="true" 。

2、同时页面的代码中加上一句 js 代码即可:
$(document).bind("mobileinit", function() {
    $.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标签,做成按钮一下,在上面的程序中添加如下的代码:

  1. <div data-role="footer" class="ui-bar">
  2. <a href="credits.html">Credits</a>
  3. <a href="contact.html">Contact</a>
  4. </div>

jQuery Mobile页面返回无需重新get相关推荐

  1. 使用 jQuery Mobile 与 HTML5 开发 Web App (十二) —— jQuery Mobile 页面事件与 deferred

    在系列的上一篇文章<使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 事件详解>中,Kayo 介绍了除页面事件外的其他 jQuery ...

  2. jQuery Mobile 笔记(1)- jQuery Mobile页面结构

    jQuery Mobile页面解构 jQuery Mobile 的"页面"结构不同于传统的html页面,这样做是为了优化single page application的用户体验. ...

  3. [ Talk is Cheap Show me the CODE ] : jQuery Mobile页面布

    [ Talk is Cheap Show me the CODE ] : jQuery Mobile页面布局 当我们专注地研究人类生活的空虚,并考虑荣华富贵空幻无常时,也许我们正在阿谀逢迎自己懒惰的天 ...

  4. 使用 jQuery Mobile 与 HTML5 开发 Web App (九) —— jQuery Mobile 页面与对话框

    在<使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 基础>中,Kayo 曾经简略介绍过 jQuery Mobile 的页面组件,当 ...

  5. jquery mobile 页面间的传递参数

    jq mobile作为一个web开发手机app的框架,打包后的apk,其实就是在手机上模拟一个简易的浏览器,然后进行js操作,在没有服务器端脚本语言的支持下,如何传递参数呢? 很明显,这就要依靠jqu ...

  6. jquery mobile页面切换效果(Flip toggle switch)(注:jQuery移动使用的数据属性的列表。 )...

    1.页面切换(data-transition) 地址:http://api.jquerymobile.com/data-attribute/ data-transition      fade | f ...

  7. 关于jquery mobile 页面闪烁与抖动问题

    1.闪烁:在用a链接跳转到另一个页面的时候,页面总会抖动几下,其实就是页面切换时的transition特效,jqm貌似默认了这项. 解决方案:在a链接添加transition:none; 属性就可以啦 ...

  8. jQuery mobile插件基础知识笔记

    一.简介 1.Jquery mobile是针对触屏智能手机与平板电脑的website以及在线应用的前端开发框架. jQuery mobile是一个触控优化的HTML5 UI框架,旨在让所有智能手机.平 ...

  9. Jquery Mobile转场特效之slide | 小小iPhone开发

    Jquery Mobile转场特效之slide | 小小iPhone开发 2012 Jquery Mobile转场特效之slide 作者:小小   发布:2012-12-12 14:03   分类:j ...

最新文章

  1. deeplearning4j – 分布式DL开源项目
  2. 让孩子尽快了解这个世界
  3. 【HTML学习】——一个网页HTML编程的构成
  4. android layer-list,Android layer-list的属性和使用具体解释
  5. .NET Core中的一个接口多种实现的依赖注入与动态选择
  6. Java类加载的那些事
  7. delphi 中几种多线程操作方式
  8. Java 算法 数字分类
  9. Python 数据结构与算法——拓扑排序
  10. 输出有向图的邻接矩阵
  11. 【TBSchedule】TBSchedule应用实战手册
  12. Java修改图片大小尺寸图片缩放
  13. ALV 单元格控制参数LVC_S_STYL排序问题
  14. PS CS6中文如何切换成英文版界面?
  15. UE4虚幻引擎开发手机游戏
  16. 星耀视界2019研讨会笔记
  17. Linux 下串口编程(C++ 程序设计)
  18. Elasticsearch:Ingest pipeline 介绍
  19. 前端通过后端返回文件流下载文件
  20. 富士胶片记录媒体:磁带存储或将成为数据安全的最后防线

热门文章

  1. Java并发编程—线程间协作方式wait()、notify()、notifyAll()和Condition
  2. 从最基础的讲起如何做到均匀的生成随机数
  3. 数据结构:二叉树(BinaryTree)原理及其java实现
  4. DHCP : 网络世界身份的获取
  5. HDU 1754 I Hate It(线段树)
  6. 面试常备题----数组总结篇(上)
  7. Java架构师在线视频,架构师的7大必备技能
  8. Git.之.最小化配置
  9. Mongo Windows 基本使用入门
  10. [Gradle] 在 Eclipse 下利用 gradle 构建系统