我正在使用 Rails 7 和 Turbo。 Rails 7 附带了涡轮进度条,如果页面加载时间超过 500 毫秒,该进度条会显示加载状态。
https://turbo.hotwired.dev/handbook/drive#displaying-progress
该栏显示,当我达到 100% 宽度时,它再次隐藏。但在我的一些页面上它一直在继续:
<div class="turbo-progress-bar" style="width: 147.183%; opacity: 1;"></div>
...然后去....
有谁知道为什么会发生这种情况?
文档还讨论了页面加载时的
[aria-busy="true"]
。此 [aria-busy="true"] 在页面加载后被删除,但该栏仍在继续。
Github 上也有一个问题:https://github.com/hotwired/turbo-rails/issues/387
现在在 Rails 8 中,如果我单击 link_to (a 标签)调用 Turbo 操作,也会发生同样的问题。 解决方法:在视图中使用 button_to(button 标签)