data-rel
主要使用为下面2个值"back"和"go"(v2.8.1新增)。主要作用是决定过场的方向。
默认的过场方向由Mobilebone根据页面DOM前后顺序以及临时存储的历史记录决定,例如,本文档页面左侧的各个链接,点击顺序任意的,会根据点击的先后顺序决定过场的方向。
<a href="Mobilebone.support.html" class="nav-a" data-mask>Mobilebone.support</a>
- 如果是
"back",则过场方向是反方向; - 如果是
"go",则过场方向是正方向;
其他说明
data-rel="back"在以下两种场景都是有返回效果的。<a href="#pageBack" data-rel="back">返回</a><a href="javascript:" data-rel="back">返回</a>那它们的差别在什么地方呢?
前者返回具有明确的目的性,知道前往的页面,虽然是返回,但是,
history依然会push一条访问记录;而没有href的返回,也就是后者只会返回上一次的页面,其作用跟下面代码一样:<a href="javascript:history.back();">返回</a>
真正意义上的浏览器返回,
history回退至上一个记录,而不是再塞一条。所以,大家需要根据不同的返回场景做不同的处理。-
data-rel其实还支持"external"这个值,作用和data-ajax="false"一致,不推荐使用,为了兼容最初的版本,因此一直没删除。