禁用特定連結上的 turbolink
在特定連結上禁用 turbolink 非常容易。根據官方 turbolinks 文件 :
通過使用 data-turbolinks =
false
註釋連結或其任何祖先,可以在每個連結的基礎上禁用 Turbolink。
例子:
// disables turbolinks for this one link
<a href="/" data-turbolinks="false">Disabled</a>
// disables turbolinks for all links nested within the div tag
<div data-turbolinks="false">
<a href="/">I'm disabled</a>
<a href="/">I'm also disabled</a>
</div>
// re-enable specific link when ancestor has disabled turbolinks
<div data-turbolinks="false">
<a href="/">I'm disabled</a>
<a href="/" data-turbolinks="true">I'm re-enabled</a>
</div>