问题标签 [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 投票
2 回答
1617 浏览

facebook-javascript-sdk - Facebook Like Box 社交插件不适用于 Turbolinks

我正在使用 Like Box 社交插件(https://developers.facebook.com/docs/reference/plugins/like-box/),效果很好。

问题是我在带有 Turbolinks 的 Rails 4 应用程序中使用它。每当我重新加载页面时,都会出现类似框。如果我单击任何链接,则会加载下一页并且不会显示“赞”框。

我已经试过了,但没有奏效=/

http://reed.github.io/turbolinks-compatibility/facebook.html

关于如何解决这个问题的任何想法?

0 投票
3 回答
6383 浏览

javascript - Rails 4 Turbolinks 使表单提交多次

我使用了一些在 Rails 3 上运行良好但在 Rails 4 上运行良好的代码,我猜这是由 Turbolinks 引起的,但我对此了解不多,无法更深入地解决我的问题,这里是代码:

看法:

控制器:

和js:

关于这段代码我有两个问题,首先:像这样的控制器代码不起作用,js代码被传输到客户端但没有运行,我必须render layout: false在该操作的底部添加,在 Rails 3 上不需要这个

第二个问题:当我第一次访问这个页面时,重新加载页面,评论功能有效,但是如果我点击其他页面的链接跳转到这个页面,我提交这个表单会导致ajax请求多次调用,会创建多个评论

感谢广告

0 投票
1 回答
1040 浏览

ember.js - 带有 Rails4 的 Ember.js:浏览器后退按钮崩溃 ember 应用程序

编辑:问题解决了。您只需移除turbolinks 。

对于使用ember-rails 0.13.0的Rails4应用程序,我们会遇到浏览器后退按钮不起作用的问题。每次使用后退按钮返回上一个路线时,应用程序都会因以下错误而崩溃:

在 Firefox 24.0a2 上:

在铬 28 上:

看起来整个应用程序堆栈再次加载,以非功能代码库结束。无论如何,相同的应用程序与Rails3完美配合。

其他人对ember.jsturbolinks有问题的报告:

0 投票
2 回答
472 浏览

jquery - 通过 turbolink 访问的页面后,颜色框弹出窗口未打开

我正在使用导轨 4

我有一个打开颜色框的链接。重新加载页面时打开颜色框。但是当我点击个人资料链接之后它没有打开,然后我点击了同一个链接。

我的链接是<%= link_to "Upload Image", edit_seller_banner_users_path, class: "open-file-select1 photobox"%>

我的 js.coffee 是

请帮忙..

0 投票
2 回答
432 浏览

ruby-on-rails - Rails 4 和 Turbolinks 中的动态加载资源

我正在 application.html.erb 中开发 Rails 4 应用程序我有以下代码

这样做是允许我根据我所在的页面加载某些资产。所以也许在某个动作的显示模板中我可以做类似的事情

这很好用,可以帮助我保持页面结构简洁明了。我现在遇到的问题是 turbolinks 完全忽略了这些资产,甚至在我单击下一个链接时都没有加载它们。我环顾四周,但似乎找不到这个问题的答案。任何帮助将不胜感激。

0 投票
1 回答
1603 浏览

ruby-on-rails - Rails 控制器检查 Turbolinks 是否请求

我正在开发一个使用 Turbolinks gem 的 Ruby on Rails 4 应用程序。我注意到,当单击链接时,布局仍然呈现在服务器端,但 Turbolinks JavaScript 只是从这个呈现的内容中抓取了正文。我的问题是在控制器方面是否可以确定是否通过 Turbolinks 发出请求。基本上,如果通过 Turbolinks 发出请求,我想将布局设置为 false 以不执行不需要的代码。在我的 ApplicationController 我已经有以下代码:

如果我通过 jQuery 发出 AJAX 请求,此代码会阻止 AJAX 请求呈现标头,但是对于 Turbolinks,它似乎没有做任何事情。

0 投票
1 回答
231 浏览

ruby-on-rails - Why are all of my file field inputs disabled on iPad

In my rails 4 app I have a form with two file field inputs that upload to S3:

The first file field uses Carrierwave, and the other is hooked up to the s3_file_field gem for direct upload to S3, but both are disabled when the page is viewed on iPad. No other platform/vendor has this issue. It's also seen when the inputs are presented in isolation too.

I'm wondering if Turbolinks has any iPad specific issues. Could Rails UJS be the culprit? For what it's worth, here's the code that s3_file_field gem uses to hijack the second file input, but I just can't see how it could possibly cause either file field to be disabled on any platform:

It's so strange. I can't read the HTML code on my iPad either which is why this is so hard to troubleshoot. Everything is fine on Linux, Windows, Mac, Android. Can't vouch for iPhone though.

0 投票
2 回答
1704 浏览

ruby-on-rails - Rails 4 中的“未识别您的适配器规范”与 turbolinks 相关的错误

我遵循 Rails 指南的入门部分,并welcome按照教程创建了控制器。我启动了服务器并打开http://localhost:3000/,而不是<h1>Hello, Rails!</h1>它应该看到的,我得到了错误Did not recognize your adapter specification.

错误块只是application.html.erb文件中的一些 HTML,这是有问题的行:

如果我从文件中删除这一行,它会按预期工作。我用谷歌搜索了这个错误,我发现它可能与jsonor coffeescriptgems 有关。我已经安装了这些 gem 并且是最新的,以及railsturbolinksgems,据我所知,它们似乎都工作正常。

这不是必需的,但我希望 turbolinks 在我的 Rails 应用程序中工作。对什么是错的一无所知也感觉很糟糕。我该如何解决这个问题?

0 投票
2 回答
434 浏览

ruby-on-rails - 如何使用 Turbolinks 让 Twitter 小部件重新出现?

如果您在 Rails 4 中使用 Turbolinks 并查看具有用户个人资料的 Twitter 小部件的登录页面,然后查看另一个页面,然后返回登录页面...... Twitter 小部件将不再是 JS 小部件. 这只是一个占位符链接。在这种情况下,您如何重新初始化 Twitter 小部件?

0 投票
2 回答
853 浏览

ruby-on-rails - Facebook 评论 w/Rails 4 和 Turbolinks

在启用 Turbolinks 的情况下,我无法将 Facebook 社交插件(特别是评论)添加到我的 Rails 4 应用程序中。我按照turbolinks issue #62上的示例进行操作,但无法使其正常工作。

我也在这里尝试了 turbolink 的解决方案,但无法使其正常工作。

根据此答案修复 turbolinks 页面上明显的错字也不起作用。

SDK 未加载且控制台中没有错误。

代码:

--

谢谢。非常感谢您的帮助。