data-rel

主要使用为下面2个值"back""go"(v2.8.1新增)。主要作用是决定过场的方向。

默认的过场方向由Mobilebone根据页面DOM前后顺序以及临时存储的历史记录决定,例如,本文档页面左侧的各个链接,点击顺序任意的,会根据点击的先后顺序决定过场的方向。

<a href="Mobilebone.support.html" class="nav-a" data-mask>Mobilebone.support</a>

其他说明

  1. 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回退至上一个记录,而不是再塞一条。所以,大家需要根据不同的返回场景做不同的处理。

  2. data-rel其实还支持"external"这个值,作用和data-ajax="false"一致,不推荐使用,为了兼容最初的版本,因此一直没删除。