20得票7回答
如何使用Rails 4的Turbolinks创建类似Youtube的加载进度条?

有没有办法使用Turbo-links制作类似Youtube的加载条(跨越页面顶部的交互式进度条)。 Turbolinks有许多不同的回调函数,因此您可以通过几个步骤使其跳跃,但是否有办法钩入进度条?

18得票4回答
如果我在Rails中使用Turbolinks,那么在浏览器中点击“返回”按钮会禁用我的javascript代码。

好的,正如标题所述。我在我的Rails应用程序中使用Turbolinks gem,在“浏览器后退”按钮方面遇到了一些问题。我的JavaScript代码很好,直到我在浏览器中点击“后退”按钮之后,它就停止工作了。如果我在我的应用程序中点击链接或重新加载页面,则它会重新开始工作。 有什么想法如何...

17得票1回答
Hotwire Turbo不能替代turbo-frame,会抛出警告:响应中没有匹配的< turbo-frame id = ...>元素。

我正在使用Rails 6的Hotwire和Turbo,但是在使用Turbo替换我的turbo-frame时遇到了问题。我收到以下错误消息:Response has no matching &lt;turbo-frame id=&quot;experiments&quot;&gt; elemen...

17得票2回答
Rails 4 + Turbolinks: JS在head标签中还是放在body底部?

我习惯将我的JS放在body元素底部(按照HTML5Boilerplate的要求),但是由于TurboLinks,在Rails 4中默认会开启, 每次请求都会重新加载body(和title),从现在开始将我的JS放在head中是否有意义?目前是否有任何良好的指南或最佳实践?

16得票3回答
如何使用Turbolinks刷新页面

我知道在Turbolinks 5上可以调用以下代码,但它会改变滚动位置。有没有一种方法可以调用Turbolinks来刷新页面而不改变滚动位置?Turbolinks.visit(location.toString()); 这可以达到我想要的效果,但我希望使用Turbolinks window.l...

15得票4回答
jQuery-turbolinks - link_to confirm 在 Rails 中弹出多次的解决办法

我有一个典型的CRUD操作应用程序,其中 apps/views/recipe/show.html.haml 包含一行= link_to "Delete", recipe_path, method: :delete, data: {confirm: "Are you sure?" }, cla...

14得票3回答
使用Turbolinks在页面完全加载后显示页面

我正在使用Turbolinks,我有一个在页面之间发生的加载动画。 我目前正在使用page:load来完成动画,但似乎page:load的作用类似于文档准备就绪而不是window.onload。 期望的效果是,在加载页面时显示在内容上方的覆盖层,并带有顶部的加载动画。一旦页面完全加载(包括图...

14得票5回答
防止Rails Turbolinks引起Google地图JS多次执行

我正在开发一个Rails应用程序,出现以下错误: 在此页面上多次包含Google Maps API可能会导致意外错误。 经过一些研究,我发现是Turbolinks引起了问题。当点击 link_to 时,Google地图创建的所有DOM元素都保留在DOM中。当渲染新页面时,另一组Go...

14得票4回答
Rails 4和Turbolinks-元标记不改变

我有一个启用了TurboLinks的Rails 4应用程序,但是当更改页面(而不是进行完全刷新)时,无法使元标记(meta tags)刷新。我读到说需要在加载TurboLinks的JavaScript之前包含元标记,但是这没有效果。完全刷新可以解决问题,但不幸的是这不是我要找的。 layou...

14得票4回答
Turbolinks 多重绑定

我遇到了一个问题,就是当通过浏览器的“后退/前进”按钮时,Turbolinks会多次绑定事件。 我写了一个简单的脚本来确保这不是我书写document.on()事件的方式有误,所以...$(document).on 'page:load', -&gt; alert 'Loaded' 当单击...