问题标签 [turbolinks-5]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
362 浏览

java - 如何在 turbolinks-android 上加载网页内容

我有一个使用 Ruby on Rails 制作并启用 Turbolinks 5 的网络应用程序,但目前,我需要制作一个由Basecamp实际设计的原生 Android 应用程序。

在他们的GitHub 存储库上进行了分步设置,我正在按照这些步骤进行操作,因为turbolinks-android根据他们的教程,这里(谷歌)没有足够的帮助,但我没有加载任何内容,例如

不改变任何东西总是显示空白屏幕

同样没有改变任何显示空白屏幕的东西

activity_main.xml

MainActivity.java

都与他们的文档相同

欣赏是否有帮助

谢谢

0 投票
1 回答
632 浏览

javascript - Rails with turbolinks Javascript 仅在页面刷新时正确加载

在掌握了 Michael Hartls Rails 教程之后,我现在正在尝试编写自己的第一个 ROR 5 应用程序。现在,我正在尝试在我的应用程序内的页面上实现 JavaScript。Javascript 在 html 中显示时间,并在表单中显示一个因子(根据时间),该因子在加载时计算给定(食用)数量的碳水化合物的胰岛素。

这是 Javascript 文件 bolus_rechner.js:

这是 HTML:application.html.erb:

bolus.html.erb:

这是标头 _header.html.erb:

这是 rails_default 部分 _rails_default.html.erb:

我的问题:

1)当使用 turbolinks:load 作为事件触发器时,当我刷新页面时一切正常。当我按下标题内的“bolus”链接时,它第一次可以正常工作。每次我按下 Bolus Link 时,都会将零(0)添加到“Uhrzeit”的内部html,因为我的 zeit() 函数也是如此。我知道这是因为 turbolinks 兑现了第一个渲染的 bolus.html 并且每次我按下链接时都会在已经计算的时间上添加一个额外的零。有谁知道我可以如何防止 turbolinks 这样做。

2)每次我从我的应用程序加载不同的页面/操作时,都会在时间显示中添加一个零(0)。如何防止 rails/turbolinks 这样做并确保 bolus_rechner.js 仅在我按下指向 bolus 路径的链接时才加载。

提前谢谢你的帮助

0 投票
1 回答
206 浏览

ruby - Turbolinks,关于销毁事件 - Ruby on rails 5

我想知道当页面被销毁/更改时是否有一个事件被调用。例如,我在里面localhost:3000,我想导航到,localhost:3000/articles但在此之前我需要销毁一些 javascripts 组件,所以我想知道是否有办法拥有类似的东西

或类似的东西。

0 投票
1 回答
1299 浏览

javascript - 使用 Turbolinks 渲染部分轨道后 Javascript 无法正常工作

Partial 包含我的列表元素,并且它有 upvote downvote 按钮。它在第一次加载页面时正常工作,但是当我单击加载更多按钮时,我的赞成和反对按钮停止工作。但加载更多按钮仍然有效。

以下是我称之为部分的代码

我的 JQuery 请求如下:

我的 Rails 控制器:

我的 show.js.erb 文件如下:

先感谢您。

0 投票
2 回答
413 浏览

jquery - Rails 5 / jQuery:点击触摸启动事件不起作用

我正在尝试使用波旁威士忌/笔芯组件(sliding_panel)并且我有on('click touchstart')事件。我将它用于我的导航菜单。该事件将在第一页加载时正常工作,但之后将停止。该事件用于toggleClass显示和隐藏菜单。我不确定这是否是 turbolinks 问题,所以我进行了一些挖掘并找到了 jquery-turbolinks gem。我浏览了安装说明,但结果相同。有没有其他人有这个问题?

下面的代码:

_navbar.html.erb

滑动面板.js

滑动面板.scss

这些是从此处的波旁威士忌/笔芯网站精确复制的。

0 投票
1 回答
24 浏览

jquery - Turbolinks-5 返回访问其他页面的页面后未重新加载 Javascript 代码

我正在使用jQuery contextMenu (2.x)。发生的情况是,当页面首先加载时,上下文菜单完美运行。但是,当我转到其他页面时,Turbolinks 会将我带到其他页面。而且,当我回到上一页时,我应该能够看到上下文菜单(右键单击),菜单不显示。

我试过了

我还尝试将代码放在正文中,期望代码每次都加载。但我失败了。我也尝试同时使用事件loadvisit; 但没有帮助。

代码

眼镜

导轨 4.2 涡轮链接 5

0 投票
0 回答
192 浏览

ruby-on-rails - 通过 Webpacker 使用 Turbolinks 重定向

在 Rails 5.1 应用程序(启用 Turbolinks)中,我有以下表格

以及相应的(虚拟)控制器

不知道为什么,但重定向不起作用。admin/roles/index.js.erb相反,控制器呈现。

更新我已经使用 webpacker 安装了 Turbolinks,并且来自文档

单独的 npm 包不提供对 Turbolinks 重定向的服务器端支持。有关添加支持的详细信息,请参阅以下重定向。

这把我带到了这里:https ://github.com/turbolinks/turbolinks#following-redirects

如何Turbolinks-Location在 Rails 控制器内的最终响应中发送标头?

0 投票
1 回答
586 浏览

javascript - Rails 应用程序中的 Turbolink (JS) 重新加载问题

我正在开发一个默认安装了 Turbolink 的 Rails 5.2 应用程序。我了解 Turbolink 在浏览网站时不会重新加载所有资产,因此该网站的一些 JS 组件停止工作,直到我手动重新加载页面。在我的示例中,编辑帖子页面上的导航下拉菜单和保存按钮不起作用。我已经尝试从项目中完全删除 Turbolink,这似乎解决了这个问题,但我知道出于生产中的性能原因我需要 Turbolink。据我了解,这就是 turbolink 在版本 4 之后默认使用 Rails 的原因。我在网上找到的解决方案是将以下代码添加到我的 JS 代码中: document.addEventListener("turbolinks:load", function() { my_func(); })

我对这个解决方案的问题是我不知道如何用那一行来包装我的代码。我正在使用具有 4 个 JS 文件的 Bootstrap 主题。这些文件中最小的有 200 行,并具有各种功能。使用 Bootstrap 主题时如何解决此 Turbolink 问题?您是否将解决方案包装在整个 javascript 文件中?

0 投票
1 回答
630 浏览

ruby-on-rails - Turbolinks 5 和 setInterval 问题

我正在使用带有Rails 5的Turbolinks 5 ,并且我正在设置一个 JS 间隔,以便通过 AJAX 每 10 秒刷新一次页面内容:

当我第一次加载包含上述代码的页面时,它可以工作:fetchContent每 10 秒触发一次。

但是,当我导航到另一个页面时,会fetchContent一直触发。此外,当我返回页面(使用浏览器后退按钮)时,fetchContent会多次意外触发。显然,这不是想要的行为。

如何解决这个问题?


注意:要解决这个问题,我知道我可能需要某种clearInterval调用,但是我应该如何使用 Turbolinks 5 来实现它,例如我应该绑定什么事件?自 Turbolinks 5 以来,API 发生了变化。特别是,所有 Turbolinks Classic 事件都已重命名,其中一些(包括)page:update已被删除,因此我无法使用thisthisthis之类的解决方案。

0 投票
1 回答
666 浏览

javascript - 内联重构