论坛风格切换
您好,欢迎光临本站!   登录 注册新用户
  • 1673阅读
  • 1回复

[其它]2.1.4 页面后退链接 [复制链接]

上一主题 下一主题
 
发帖
141299
黑豆
-2859
威望
-2709
贡献值
0
交易币
0
红豆
0
只看楼主 倒序阅读 0 发表于: 2015-01-06
上一节介绍了将“page”容器的“data-add-back-btn”属性设置为“true”可以后退至上一页,在jQuery Mobile 页面中,还可以添加一个<a>元素,将该元素的“data-rel”属性设置为“back”,同样可以实现后退至上一页的功能。因为一旦该链接元素的“data-rel”属性设置为“back”,单击该链接将被视为后退行为,并且将忽视“href”属性的URL值,直接退回至浏览器历史的上一页面。
实例2-4 jQuery Mobile页面后退链接
1. 功能说明
在新建的HTML中,添加2个“page”容器,当单击第一个容器中的“测试后退链接”链接时,切换到第二个容器;单击第二个容器中的“返回首页”链接时,将以回退的方式返回到第一个容器中。
2. 实现代码
新建一个HTML页面2-4.htm,加入代码如代码清单2-4所示。
代码清单2-4 jQuery Mobile 页面后退链接

<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile 页面后退链接</title>
<meta name="viewport" content="width=device-width,
initial-scale=1"
阅读全文地址:http://book.2cto.com/201210/6089.html
快速回复
限100 字节
 
上一个 下一个