如何使用Rails 4的Turbolinks创建Youtube样式加载栏？

Question

有没有办法使用turbo-links制作Youtube样式加载栏(跨顶栏的页间).

Turbolinks有很多不同的回调,所以你可以跨越几个步骤制作一个跳跃的但是有没有办法挂钩进展呢？

Answer 1

nprogress-rails可能就是你所需要的.

Answer 2

检查你的turbolinks版本:

$ gem list |grep turbolinks
turbolinks (2.5.3)

如果您的Turbolinks版本<3.0,请将以下代码添加到您的js文件中(例如:) application.js.

Turbolinks.enableProgressBar();

如果您使用的是Turbolinks 3.0,则默认情况下会打开进度条.

https://github.com/rails/turbolinks#progress-bar.

进度条可以通过CSS自定义,如:

html.turbolinks-progress-bar::before {
  background-color: red !important;
  height: 5px !important;
}