jquery - 升级 turbolinks 导致 css 停止加载

标签 jquery css ruby-on-rails asset-pipeline turbolinks

我的 Rails 应用程序停止加载 css 文件并返回如下错误:

".add_icon" failed to @extend ".fa-plus-circle".
The selector ".fa-plus-circle" was not found.
Use "@extend .fa-plus-circle !optional" if the extend should be able to fail.

我的 js 和 css 没有正确加载,根据建议,我只是尝试使用 gem 'jquery-turbolinks' 升级 turbo 链接

如果我从 js 中注释掉 gem 和 gem 文件,应用程序开始工作,但在没有页面刷新的情况下不会加载我的资源。

我被迫再次重新加载我的页面。

我的 js 看起来像:

//= require jquery.min
//= require jquery.turbolinks
//= require jquery_ujs
//= require turbolinks
//= require bootstrap.min
//= require common
//= require owl.carousel.min.js
//= require modernizr
//= require parallax
//= require toggle
//= require modernizr
// require_tree .

我的 CSS 文件:

* require_tree .
 *= require bootstrap.min
 *= require style
 *= require owl.carousel
 *= require owl.theme
 *= require font-awesome
 *= require refinery/formatting
 *= require refinery/theme
 *= require_self

最佳答案

最近我在使用 turbolinks 时遇到了困难。我正在使用 Rails 5。我通过将这段代码放在我的 xxx.coffee 文件中找到了解决方案:

$(document).on 'turbolinks:load', -> 
 # Your code goes here

如果你使用的是纯 js 而不是 coffee,试试这个:

$(document).on('turbolinks:load', function() {
  # Your code goes here
})

同样,这取决于您使用的 Rails 版本。在 Rails 5 中,turbolinks 已被重写,并且不使用与以前版本相同的事件名称。

抱歉,我没有足够的分数来评论你的问题,所以我张贴在这里作为答案。你能提供更多信息吗?您使用的是哪个 Rails 版本?你可以发送 Gemfile 吗?你做了捆绑更新吗?

希望对你有帮助

关于jquery - 升级 turbolinks 导致 css 停止加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39763093/

相关文章:

javascript - 根据相邻元素的大小或值隐藏 flexbox 元素

ruby-on-rails - Brew 更新中断 openssl

html - 如何对 .html 文件中链接的外部 .css 文件使用不耐烦模式?

javascript - jqgrid 4.6 工具栏在 loadonce 设置为 true 时无法工作

javascript - 使用 jQuery 设置 <option> 元素的文本

javascript - JavaScript 中延迟加载的最佳实践

javascript - 无法获得与 Bootstrap 内联的推送菜单

ruby-on-rails - 尽管手动请求工作正常,但无法使用 yt gem 读取标题

ruby-on-rails - 在运行时,如何获取文件的路径以及特定对象/类在 ruby​​ 中从哪个 gem 加载?

javascript - 在 javascript 或 jquery 中循环遍历 PHP 关联数组