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

最新推荐文章于 2019-09-21 21:23:47 发布

一句話不难

最新推荐文章于 2019-09-21 21:23:47 发布

阅读量6.6k

点赞数 1

本文链接：https://blog.csdn.net/bibi1314123/article/details/17073883

版权

本文介绍了如何在Jquery Mobile中自定义返回按钮，特别是在从`studentmaster.html`跳转到`studentdetail.html`后，使用`data-rel="back"`属性实现返回主页面的功能。在详细页面`studentdetail.html`上，通过设置`<a>`标签属性，可以轻松创建一个具有返回图标和无Ajax效果的返回链接。

摘要由CSDN通过智能技术生成

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&