问题标签 [turbolinks]

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 投票
1 回答
625 浏览

ruby-on-rails - 如何使用具有资产管道功能的 Rails 应用程序配置 turbolinks

我们有一个 rails 3.2 应用程序,但我们没有使用资产管道功能清单文件。我们通过 YUI 压缩器缩小脚本和 css。

我们想在我们的应用程序中使用 turbolinks。我遵循了以下步骤

  1. 将 gem 添加到 gemfile 并捆绑它。
  2. 接下来,将 jquery.turbolinks.js 文件复制到 javascript 文件夹,并将 JS 作为最后一个 JS 包含在头中。

但它似乎不起作用,仍然获得完整的页面重新加载....任何输入我做错了什么?

0 投票
2 回答
1053 浏览

javascript - Rails4、Turbolinks 和 select2:Object [object Object] 没有方法“select2”

有人可以帮我解决这个问题,我得到错误:

如果我通过使用 turbolinks 的链接。但是,如果我重新加载页面 select2 工作。

应用程序.js

events.js.coffee

我希望有人可以帮助我解决这个问题,因为我已经尝试解决这个问题几个小时了。

0 投票
1 回答
601 浏览

ruby-on-rails - Turbolinks 故障排除

我在 Rails 3 中有一个遗留项目。升级到 Rails 4 时,我想测试 turbo 链接,但似乎无法让它工作。我已将“turbolinks”gem 添加到 Gemfile 中bundle install,添加//= require turbolinks到 中app/assets/javascripts/application.js,然后重新启动服务器。

从 Chrome 中的网络请求活动中可以看出,所有页面仍会进行整页刷新。

编辑:我遵循了答案之一中建议的小型 Turbolinks 测试。我添加了一个空白演示控制器,以及 page1、page2 视图。如果 Turbolinks 工作正常,则 turbolinks 应该被视为网络请求的发起者,并且不应加载 test.js。

小例子失败了,因为test.js在尝试加载,有整页刷新,发起者依然不是turbolinks。

page1.html.erb

page2.html.erb

0 投票
2 回答
3484 浏览

ruby-on-rails - 如何使用 Turbolinks 制作带有 method="get" 的表单提交

我的页面上有一个搜索表单,启用 Turbolinks 是安全的,因为它使用 method="get"

有什么简单的方法可以让表单在 Turbolinks 的控制下提交(即避免页面刷新)

0 投票
1 回答
828 浏览

ruby-on-rails - Filepicker.io 跨域限制 [Rails4 + Turbolinks]

我在 Rails 4 网站上遇到 Filepicker.io 问题。具体来说,当我尝试通过 Filepicker.io 小部件上传文件时,我偶尔会收到以下 JavaScript 错误消息(大约 50% 的时间)。

这发生在 Chrome 和 Firefox 中。我的假设是 Filepicker.io 应该但不是返回Access-Control-Allow-Origin: *标头。但是,我在其他网站上使用过 Filepicker.io 没有这个问题,我想知道 Turbolinks 是否可能是罪魁祸首。

诊断信息

我的 JavaScript 调用是:

我通过以下方式加载 Filepicker 库(在 HTML 中<head>):

具有以下<iframe>HTTP 请求/响应(来自 Chrome 调试工具):

要求

回复

此外,我还包含了一个重现该错误的游乐场:游乐场环境

0 投票
2 回答
1147 浏览

filepicker.io - 如何让文件选择器和 turbolinks 一起玩得很好?

我使用 rails 3.2、turbolinks 和 Filepicker.io 开发了一个 Web 应用程序

我像这样加载 API 密钥(coffeescript)。我认为$(document).ready就足够了,因为文件选择器脚本会在第一次请求时加载一次。

我使用以下(咖啡脚本)加载 Filepicker。我应该注意到我使用了jquery-turbolinksgem,它在 jquery 中构建了对 turbolinks 的支持。

当我直接访问该页面时,文件选择器按预期工作。但是,当我使用 turbolink 请求访问该页面时,我无法上传任何文件。

我可以打开表单,在 Dropbox 中浏览等。但是在上传时,我看到以下红色错误消息:

再试一次也无济于事。

我检查了 Chrome 28.0 的控制台是否有任何错误消息,发现:

2013-07-29 更新“协议、域和端口必须匹配”

我将当前代码推送到我的生产环境,因为消息表明这取决于我的(开发)页面缺少 SSL 加密。

不幸的是,这不是唯一的问题

0 投票
5 回答
3623 浏览

ruby-on-rails - Facebook SDK 和 rails 4 Turbolinks

我很难将 javascript Facebook SDK 快速加载到我的 rails 4 应用程序中。有没有一种好方法可以让它与 turbolinks 一起正常工作?

如果我将此代码添加到我的 JS 应用程序资产中。由于 turbolinks,它无法正常工作:

谢谢

0 投票
1 回答
309 浏览

jquery - 在完成 turbolinks 页面后以编程方式触发 YUI onDOMReady:加载事件

我正在尝试在我的 rails 应用程序中实现 turbolinks,它是一个旧应用程序,具有相当庞大的代码库。

我们在我们的应用程序中使用 YUI 和 Jquery。现在在应用程序中集成 turbolinks 后,Dom 就绪事件将不会根据 turbolinks 行为触发。

更改每个调用 YUI.util.event.onDOMReady 的地方不是一个好的选择。我希望能够在“页面:加载”事件上触发 YUI 的就绪事件

问题

如何在 turbolinks 'page:load' 后触发 YUI 的 onDOMReady 事件

PS:由于Turbolinks实现页面不会重新加载,只是将body标签的内容替换为body标签作为响应有点像PJAX

非常感谢任何帮助

0 投票
1 回答
5107 浏览

ruby-on-rails - 阻止来源为“https://www.facebook.com”的框架访问来源为“http://myapp.herokuapp.com”的框架

我收到了无限量的这条消息(就像循环一样),它破坏了网站

Rails 4.0.0(带有 Turbolinks)

错误信息

阻止来源为“ https://www.facebook.com ”的框架访问来源为“ http://app.herokuapp.com ”的框架。请求访问的帧具有“https”协议,被访问的帧具有“http”协议。协议必须匹配。

Facebook.js.coffee

页面控制器

FBlike(帮手)

0 投票
2 回答
3949 浏览

jquery - Javascript 在第一次加载时不起作用

我正在使用 jquery UI datepicker 并且有问题。我的日期选择器在第一次加载时不起作用。我搜索并尝试用 document.ready 替换 windows.load,但也不起作用:/ 我的代码是:

我看到其他人的答案,但没有人和我一起工作。观察一下,我的项目在 rails 4 中,我使用turbolinks