Javascript TurboLink不工作(页面加载两次)
我的页面被加载了两次(顺便说一句,第一次很快)。除此之外,我必须刷新页面才能让我的js正常工作。Javascript TurboLink不工作(页面加载两次),javascript,jquery,ruby-on-rails,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
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>
我已经执行了
rails资产:clean
。已删除public/asstets
目录,并已检查该目录是否为chrome错误。
Gemfile
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
源代码'https://rubygems.org'
#捆绑边缘Rails:gem'Rails',github'Rails/Rails'
gem“rails”、“4.2.4”
#使用sqlite3作为活动记录的数据库
gem'sqlite3'
#将SCS用于样式表
gem'sass-rails',“~>5.0”
#使用Uglifier作为JavaScript资产的压缩器
gem'uglifier','>=1.3.0'
#将CoffeeScript用于.coffee资产和视图
gem“咖啡轨”,“~>4.1.0”
#看https://github.com/rails/execjs#readme 获取更多受支持的运行时
#宝石“therubyracer”,平台::ruby
gem“字体很棒的rails”
gem'bootstrap sass',“~>3.3.6”
#使用jquery作为JavaScript库
gem'jqueryrails'
gem'jqueryuirails'
gem'jquerydatatables rails',git:'git://github.com/rweng/jquery-datatables-rails.git'
#Turbolinks使web应用程序中的以下链接更快。阅读更多:https://github.com/rails/turbolinks
gem“涡轮链接”,“大于5.0.0”
gem“jquery turbolinks”
#轻松构建JSON API。阅读更多:https://github.com/rails/jbuilder
gem'jbuilder',“~>2.0”
#bundle exec rake doc:rails在doc/API下生成API。
gem'sdoc','~>0.4.0',组::doc
gem“设计”,“~>3.4.1”
宝石“回形针”,“大于5.0.0”
gem“fancybox2 rails”,“~>0.2.8”
gem“rails\u admin”
宝石“虾”
宝石“虾表”,“~>0.1.0”
gem“rails\u admin\u import”,“~>2.0”
#使用ActiveModel具有\u安全\u密码
#gem'bcrypt',“~>3.1.7”
#使用Unicorn作为应用程序服务器
#宝石“独角兽”
#使用Capistrano进行部署
#gem“capistrano rails”,集团::开发
小组:开发,:测试
#在代码中的任意位置调用“byebug”以停止执行并获得调试器控制台
宝石“比伯”
结束
小组:发展怎么办
#在异常页面上或通过在视图中使用访问IRB控制台
gem“web控制台”,“~>2.0”
#Spring通过让应用程序在后台运行来加速开发。阅读更多:https://github.com/rails/spring
宝石“春天”
结束
您需要具有/=require\u树的所有内容。
,除此之外,您还需要上述所有内容两次。去掉最后一行并手动要求所有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
//加载jQuery、TurboLink和ujs
//=需要jquery
//=需要jquery.turbolinks
//=需要jquery\u ujs
//加载所有脚本
//=需要数据表/jquery.dataTables
//=需要dataTables/bootstrap/3/jquery.dataTables.bootstrap
//=需要引导链轮
//=需要fancybox
//加载涡轮链路
//=需要涡轮链路
//摆脱这条线
//=需要一棵树 您需要具有/=require\u 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
//加载jQuery、TurboLink和ujs
//=需要jquery
//=需要jquery.turbolinks
//=需要jquery\u ujs
//加载所有脚本
//=需要数据表/jquery.dataTables
//=需要dataTables/bootstrap/3/jquery.dataTables.bootstrap
//=需要引导链轮
//=需要fancybox
//加载涡轮链路
//=需要涡轮链路
//摆脱这条线
//=需要一棵树。根据文件,这两个选项中的任何一个“保证工作”,参考如下:
或
要阅读更多文档,请参见以下参考文件,这两个选项中的任何一个都是“保证工作”的:
或
要阅读更多文档,请注意jquery.turbolinks不支持turbolinks/Rails 5()。谢谢,Alexander。我使用的是gem'rails','4.2.4'btw请注意jquery.turbolinks不支持turbolinks/rails 5()。谢谢,Alexander。我使用的是gem'rails'、'4.2.4'btw确保将jquery/turbolinks要求的顺序放在正确的位置,这在repo()中提到过。在加载jQuery.turbolinks.Not working之前应加载jQuery:((((((((((((()再次编辑问题,并根据repo进行更改)请确保将jQuery/turbolinks要求按正确的顺序放置,repo()中提到了这一点。在加载jQuery.turbolinks.Not working:(((()(再次编辑问题,并根据回购协议进行更改)
$(document).ready(function () { /* ... */ });
$(function () { /* ... */ });