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

data-rel="back"

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

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

  1. <body>
  2. <div data-role="page" id="page">
  3. <div data-role="header">
  4. <h1>学员风采</h1>
  5. </div>
  6. <ul data-role="listview" data-inset="true" data-mini="true">
  7. </ul>
  8. <div data-role="footer"  data-position="fixed" id="footer">
  9. </div>
  10. </div>
  11. </body>

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

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

  1. <body>
  2. <div data-role="page" id="page">
  3. <div data-role="header">
  4. <a href="studentmaster.html" data-icon="back" data-ajax="false" data-rel="back">返回</a>
  5. <h1></h1>
  6. </div>
  7. <div data-role="content">
  8. </div>
  9. </div>
  10. </body>
上一篇:linux 和windows系统下同时可用的UML建模工具(umbrello),超强


下一篇:JQuery Mobile - 自定义图标!