http://www.tuicool.com/articles/AZnYVz

JQuery Mobile入门——设置后退按钮文字

1、给page容器头部添加后退按钮，只需在page容器中添加data-add-back-btn属性，并将属性值设置为true。显示默认为back，可修改data-back-btn-text属性值来设置后退按钮中显示的文字。

2、示例代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML> 
 <HEAD> 
  <TITLE> New Document </TITLE> 
  <meta name="viewport" content="width=device-width,initial-scale=1"/> 
  <link href="Css/jquery.mobile-1.2.0.min.css" rel="Stylesheet" type="text/css"/> 
  <script src="Js/jquery-1.8.3.min.js" type"text/javascript"></script> 
  <script src="Js/jquery.mobile-1.2.0.min.js" type="text/javascript"></script> 
  <script type="text/javascript"> 
    $(function(){ 
  $.mobile.page.prototype.options.backBtnText="后退"; 

  </script> 
 </HEAD> 
 <BODY> 
   <div data-role="page" id="e1" data-add-back-btn="true"> 
     <div data-role="header"><h1>后退按钮文字</h1></div> 
<div data-role="content"><a href="#e2">下一页</a></div> 
<div data-role="footer"><h4>@2013 3I Studio</h4></div> 
   </div> 
    <div data-role="page" id="e2" data-add-back-btn="true"> 
     <div data-role="header"><h1>后退按钮文字</h1></div> 
<div data-role="content"><a href="#e3">尾页</a></div> 
<div data-role="footer"><h4>@2013 3I Studio</h4></div> 
   </div> 
    <div data-role="page" id="e3" data-add-back-btn="true" data-back-btn-text="首页"> 
     <div data-role="header"><h1>后退按钮文字</h1></div> 
<div data-role="content"><a href="#e1">首页</a></div> 
<div data-role="footer"><h4>@2013 3I Studio</h4></div> 
   </div> 
 </BODY>

</HTML>

3、效果图预览：

 点击下一页  点击尾页 

JQuery Mobile入门——设置后退按钮文字(转)的更多相关文章

  1. jQuery Mobile 入门基础教程

    jQuery Mobile是jQuery在手机上和平板设备上的版本.jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架. jQue ...

  2. jQuery Mobile入门

    转:http://www.cnblogs.com/linjiqin/archive/2011/07/17/2108896.html 简介:jQuery Mobile框架可以轻松的帮助我们实现非常好看的 ...

  3. jQuery Mobile入门教程

    简介:jQuery Mobile框架可以轻松的帮助我们实现非常好看的.可跨设备的Web应用程序.我们将后续的介绍中向大家介绍大量的代码及实例. jQuery一直以来都是非常流行的富客户端及Web应用程 ...

  4. jquery mobile 入门

    简介:jQuery Mobile框架可以轻松的帮助我们实现非常好看的.可跨设备的Web应用程序.我们将后续的介绍中向大家介绍大量的代码及实例. jQuery一直以来都是非常流行的富客户端及Web应用程 ...

  5. jquery Mobile入门—多页面切换示例学习

    1.在JQuery Mobile中,多个页面的切换是通过<a>元素.并将<href>属性设置为#+对应的id号的方式进行的. 2.多页面切换示例代码: 复制代码代码如下: &l ...

  6. 【学习】一本案例驱动的jQuery Mobile入门书

    清华大学出版社推出的<构建跨平台APP:jQuery Mobile移动应用实战> 提供的全是jQuery Mobile的案例: 手机入侵 题库应用 音乐专辑 通讯录 新闻列表 销售排名 九 ...

  7. Jquery Mobile下设置radio控件选中

    问题: .html文件头部引入了: <script src="js/jquery.js"></script> <script src="js ...

  8. 小强的HTML5移动开发之路（23）—— jQuery Mobile入门

    一.下载jQuery Mobile 下载地址:http://jquerymobile.com/ 点击Download 下载如下zip包 下载成功后如下图 解压目录如图: 点击index.html进入d ...

  9. 开发者必读jQuery Mobile入门教程

    你每天都会对着它讲话,和它玩游戏,用它看新闻——没错,它就是你裤兜里的智能手机.android,黑莓还是iphone?为了让你清楚意识到究竟哪些才算是智能手机,我在下面总结了一个智能手机系统/设备的列 ...

随机推荐

  1. Flavors

    Flavors¶ Flavor interface. class novaclient.v1_1.flavors.Flavor(manager, info, loaded=False) Bases: ...

  2. Python格式化字符串和转义字符

    地址:http://blog.chinaunix.net/uid-20794157-id-3038417.html Python格式化字符串的替代符以及含义     符   号     说     明 ...

  3. samba服务器搭建小记

    经常要在局域网的linux和windows主机之间共享文件,我遇到了当年samba作者同样的问题,既然人家已经写好了这个软件那就直接拿来用吧. 首先,在linux主机上执行 sudo apt-get ...

  4. C# Socket简单例子（服务器与客户端通信）

    这个例子只是简单实现了如何使用 Socket 类实现面向连接的通信. 注意:此例子的目的只是为了说明用套接字写程序的大概思路,而不是实际项目中的使用程序.在这个例子中,实际上还有很多问题没有解决,如消 ...

  5. Oracle诡异结果调查备忘 - A investigation memo of weird Oracle database search results

    最近需要维护一个差不多十多年前开发的ASP.Net程序,遇到了各种奇奇怪怪的问题,把其中比较难查明的问题记录如下: 问题一: 同样的SQL查询在不同服务器上查询结果不同.在QA环境下,结果完全正常,而 ...

  6. ajax options

    非同一域名的ajax post请求,浏览器会自动发送http options的请求检查是否允许跨域访问

  7. Tomcat日志切割

    下载并解压缩 cronolog # tar zxvf cronolog-1.6.2.tar.gz 2.进入cronolog安装文件所在目录 # cd cronolog-1.6.2 3.运行安装  # ...

  8. ajax和json对象

    二维数组 首先是输出json字符串的php文件 header("Content-type: text/html; charset=utf-8"); //json设置utf-8 $a ...

  9. 使用二分法查找mobile文件中区号归属地

    #!/usr/bin/env python #coding:utf-8 ''' Created on 2015年12月8日 @author: DL @Description: 使用二分法查找mobil ...

  10. OAF屏蔽的错误

    ORACLE EBS中OAF屏蔽的错误 ORACLE EBS R12中引入了XML Publisher,Oracle Application Framework等新东西,利用网页/JSP技术增强For ...