Jquery mobile 自定义 返回按钮 data-rel="back"

原创 2013年12月02日 15:15:37

data-rel="back"

第一个页面 主页面 studentmaster.html  通过下面js脚本跳转到详情页面

window.location.href="studentdetail.html";

<body>
    <div data-role="page" id="page">
		<div data-role="header">
			<h1>学员风采</h1>
		</div>
   		<ul data-role="listview" data-inset="true" data-mini="true">
 
   		</ul>
   		<div data-role="footer"  data-position="fixed" id="footer">
   		</div>
	</div>
  </body>


第二个页面  详细页面studentdetail.html

<a href="studentmaster.html" data-icon="back" data-ajax="false" data-rel="back">返回</a>

<body>
   <div data-role="page" id="page">
		<div data-role="header">
			<a href="studentmaster.html" data-icon="back" data-ajax="false" data-rel="back">返回</a>
			<h1></h1>
		</div>
 		<div data-role="content">
			
		</div>
	</div>
  </body>


js里设置<a>标签的data-rel属性实例

js 中 ,用setAttributesmy_href.setAttribute("data-rel","popup");
  • Agust1990
  • Agust1990
  • 2014年08月07日 17:33
  • 3260

jQuery Mobile添加后退按钮

我们页面是jQuery Mobile的主要单位。一个典型的页面可以分为页头、内容、页脚。 接下来我们就看看如何在jQuery Mobile页面中添加后退按钮 在稍微早一些的版本中,我们在p...
  • u010517901
  • u010517901
  • 2015年01月26日 23:16
  • 12798

jquery mobile中为页面添加返回按钮的两种方式

jquery mobile中为页面添加返回按钮的两种方式 data-add-back-btn=”true” data-rel=”back”...
  • u013905744
  • u013905744
  • 2017年08月10日 15:15
  • 289

jquerymobile-5 back button和footer

使用jquerymobile的时候,我们新进入一个页面可能需要添加一个返回按钮,用户返回到上一个页面,我们可以使用上一篇文章中的方法,在Header中添加返回上一个页面的链接,但是这样有一点不好,如果...
  • mengxiangyue
  • mengxiangyue
  • 2013年01月10日 21:53
  • 8867

对话框 data-rel=dialog

原文链接 http://www.lampweb.org/jquerymobile/13/45.html 可以把任何指向页面的链接表现对对话框,给链接增加data-rel="...
  • qq_34482827
  • qq_34482827
  • 2016年06月30日 15:43
  • 486

data-rel

 data-rel规定有关链接如何行为的选项。
  • piaofenglanyan
  • piaofenglanyan
  • 2014年04月08日 10:43
  • 402

data-ajax="false"

最近在做一个项目,由于涉及到跨平台性,所以采用了jquerymobile这个框架,在开发过程中,一开始为了图测试方便,采用了chrome浏览器来测试运行。现叙述如下问题: 当在first.html中...
  • qq_21383435
  • qq_21383435
  • 2016年05月11日 23:15
  • 4567

jquery实现页面返回按钮

如题。         当网页比较长之后,我们需要在页面添加一个返回顶部的功能。这个功能我们实现的方法有很多,例如,可以使用window.scrollTo(0,100)来实现。         如...
  • killzero
  • killzero
  • 2013年12月20日 19:11
  • 1578

jquery mobile html显示后台传输的数据

.abs{ color:gray; font-size:0.9em; line-height:1.5em; font-weight:bold; } .title{ font-size:1.2...
  • wanglj7525
  • wanglj7525
  • 2015年02月10日 17:36
  • 2639

Jquery mobile 自定义 返回按钮 data-rel="back"

data-rel="back" 第一个页面 主页面 studentmaster.html  通过下面js脚本跳转到详情页面 window.location.href="studentdetail.ht...
  • bibi1314123
  • bibi1314123
  • 2013年12月02日 15:15
  • 4339
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Jquery mobile 自定义 返回按钮 data-rel="back"
举报原因:
原因补充:

(最多只允许输入30个字)