1. 跳转链接
Ralltiir 可以劫持超链接的点击并进行异步跳转。
为了不干扰正常的超链接,Ralltiir 跳转的超链接需要添加额外的属性 data-sf-href
,
另有 data-sf-options
可以配置过渡态配置参数。
1.1. data-sf-href
只要添加了 data-sf-href
的 <a>
标签,Ralltiir 都会接管跳转。例如:
<li><a href="/todos/527" data-sf-href="/todos/527">Todo 527</a></li>
<li><a href="/lists/238" data-sf-href="/lists/238">List 238</a></li>
跳转链接的路径需要匹配 注册时的 URL Pattern。
建议在添加
data-sf-href
的同时添加href
属性。一来更健壮和可互操作,二来可以避免 Safari 上无 href 不触发 click 事件的 Bug。
1.2. data-sf-options
JSON 序列化后的 视图参数,用来配置目标页面的过渡态。例如:
<li>
<a href="/todos/527"
data-sf-href="/todos/527"
data-sf-options="{title:{html:'详情页'}}"> Todo 527 </a>
</li>
如果编写在 HTML 代码中需注意 HTML 转义。