javascript - Turbolinks 不起作用(页面加载两次)

标签 javascript jquery ruby-on-rails

我的页面被加载两次(顺便说一句,第一次相当快)。除此之外,我必须刷新页面才能让我的 js 工作。

application.html.erb

<head>
  <title><%= content_for?(:title) ? yield(:title) : "ASC Engenharia e Construções" %> </title>

  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
  <meta name="viewport" content="width=device-width, initial-scale=1">

</head>


应用程序.js

//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require bootstrap-sprockets
//= require dataTables/jquery.dataTables
//= require dataTables/bootstrap/3/jquery.dataTables.bootstrap
//= require fancybox
//= require flash.js
//= require acompanhamento.js
//= require controle_de_obras.js.coffee
//= require documentos.js.coffee
//= require funcionarios.coffee
//= require galeria.coffee
//= require turbolinks


我已经执行了rails assets:clean。已删除 public/asstets 目录并检查它不是 chrome bug。

gem 文件

source 'https://rubygems.org'


# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '4.2.4'
# Use sqlite3 as the database for Active Record
gem 'sqlite3'
# Use SCSS for stylesheets
gem 'sass-rails', '~> 5.0'
# Use Uglifier as compressor for JavaScript assets
gem 'uglifier', '>= 1.3.0'
# Use CoffeeScript for .coffee assets and views
gem 'coffee-rails', '~> 4.1.0'
# See https://github.com/rails/execjs#readme for more supported runtimes
# gem 'therubyracer', platforms: :ruby

gem "font-awesome-rails"

gem 'bootstrap-sass', '~> 3.3.6'

# Use jquery as the JavaScript library
gem 'jquery-rails'

gem 'jquery-ui-rails'
gem 'jquery-datatables-rails', git: 'git://github.com/rweng/jquery-datatables-rails.git'

# Turbolinks makes following links in your web application faster. Read more: https://github.com/rails/turbolinks
gem 'turbolinks', '~> 5.0.0'
gem 'jquery-turbolinks'
# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
gem 'jbuilder', '~> 2.0'
# bundle exec rake doc:rails generates the API under doc/api.
gem 'sdoc', '~> 0.4.0', group: :doc

gem 'devise', '~> 3.4.1'

gem "paperclip", "~> 5.0.0"
gem 'fancybox2-rails', '~> 0.2.8'
gem "rails_admin"
gem "prawn"
gem 'prawn-table', '~> 0.1.0'
gem "rails_admin_import", "~> 2.0"


# Use ActiveModel has_secure_password
# gem 'bcrypt', '~> 3.1.7'

# Use Unicorn as the app server
# gem 'unicorn'

# Use Capistrano for deployment
# gem 'capistrano-rails', group: :development

group :development, :test do
  # Call 'byebug' anywhere in the code to stop execution and get a debugger console
  gem 'byebug'
end

group :development do
  # Access an IRB console on exception pages or by using <%= console %> in views
  gem 'web-console', '~> 2.0'

  # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
  gem 'spring'
end

最佳答案

您需要使用 //= require_tree . 来要求所有内容,除此之外,您还需要上述所有内容两次。删除最后一行并手动要求所有 js 文件。希望这有帮助!

// load jQuery, turbolinks, and ujs
//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs

// load all scripts
//= require dataTables/jquery.dataTables
//= require dataTables/bootstrap/3/jquery.dataTables.bootstrap
//= require bootstrap-sprockets
//= require fancybox

// load turbolinks
//= require turbolinks

// get rid of this line
//= require_tree . <-- this line requires all js files

关于javascript - Turbolinks 不起作用(页面加载两次),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41535636/

相关文章:

javascript - 应用程序重新加载时的 Angular 解析

javascript - 如何使网站支持 VIM 键绑定(bind)?

javascript - 如何在Aurelia入门应用(导航应用)中使用JQuery UI组件

javascript - 如何获取触发 easyautocomplete 的元素

ruby-on-rails - spec 和 test 文件夹之间的区别

javascript - 我试图在 svg 元素中创建一个 rect 元素,但它不起作用

javascript - 打印出的 html 页面上有水印

javascript - 如何使用 javascript 创建包含当前时间和接下来 10 个五分钟间隔时间的数组?

php - 移动应用程序后端与 Web 应用程序后端有何不同?

ruby-on-rails - CanCan 在应该阻止访问时却没有阻止