轨道4的jQuery,JavaScript和咖啡脚本不工作(Rails 4 jQuery, java

2019-11-03 19:45发布

我是新来的铁轨和网络的发展,虽然我在控制系统和固件近二十年的C / C ++的,并且相当多的壳和Perl脚本。

我不能让jQuery来没有显式包含它,即使它是在的application.js清单工作,我不能让任何个人coffeescripts的在所有的工作。

Ubuntu的14.04LTS,红宝石2.2.1p85,导轨4.2.0

的application.js

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .

application.html.erb

<%= render "layouts/header" %>
<%= render "layouts/sidenav" %>
<%= yield %>
<%= render "layouts/footer" %>

_header.html.erb

<html>
<head>
<title>My Application Title</title>
<%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
<%= stylesheet_link_tag    'intranet' %>
<%= stylesheet_link_tag    'form' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
<%= csrf_meta_tags %>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="shortcut icon" href="favicon.ico" />
</head>
<body>
...

的Gemfile

source 'https://rubygems.org'


# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '4.2.0'
# Use sqlite3 as the database for Active Record
#gem 'sqlite3'
# Use postgresql as the database for Active Record
gem 'pg'
# 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/sstephenson/execjs#readme for more supported runtimes
# gem 'therubyracer', platforms: :ruby

# Use jquery as the JavaScript library
gem 'jquery-rails'
# Turbolinks makes following links in your web application faster. Read more: https://github.com/rails/turbolinks
gem '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
# Pagination gem
gem 'kaminari'

# 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'

  # 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

配置/ application.rb中

require File.expand_path('../boot', __FILE__)

require 'rails/all'

# Require the gems listed in Gemfile, including any gems
# you've limited to :test, :development, or :production.
Bundler.require(*Rails.groups)

module Boe
  class Application < Rails::Application
    # Settings in config/environments/* take precedence over those specified here.
    # Application configuration should go into files in config/initializers
    # -- all .rb files in that directory are automatically loaded.

    # Set Time.zone default to the specified zone and make Active Record auto-convert to this zone.
    # Run "rake -D time" for a list of tasks for finding time zone names. Default is UTC.
    # config.time_zone = 'Central Time (US & Canada)'

    # The default locale is :en and all translations from config/locales/*.rb,yml are auto loaded.
    # config.i18n.load_path += Dir[Rails.root.join('my', 'locales', '*.{rb,yml}').to_s]
    # config.i18n.default_locale = :de

    # Do not swallow errors in after_commit/after_rollback callbacks.
    config.active_record.raise_in_transactional_callbacks = true
  end
end

我有十一控制器和视图了内置27,他们都工作得很好,只是我还没有尝试过任何JavaScript直到昨天。 我没有得到任何预期的行为,所以在我的“人”索引视图我说:

...
<script>
$(document).ready(function(){
    alert("jQuery is running!");
});
</script>
...

要检查,看看jQuery的是工作的。 如果我添加<%= javascript_include_tag 'jquery.js' %>的csrf_meta_tag之前,我得到的警告信息,但CoffeeScript的,其余仍不起作用。 如果没有明确的jQuery包括,我什么也没得到。

我看这个很多很多的职位,但他们都没有工作。 在我看来,在的application.js清单没有被读取和/或列出的模块中不包括,但出现的TurboLink正常工作从页面移动到页面时通过浏览器上的网络面板计量。 我删除的TurboLink和它的行为非常不同。

我也试过,包括jQuery的turbolinks宝石,但即使我敢肯定它不是与jQuery的轨道宝石需要。 不过,这并不与卸载,要么turbolinks工作,所以我不认为这是冲突的。

感谢您寻找。

Answer 1:

要解决这个问题,我创建了一个空白的应用程序,只需“欢迎”控制器,只包含jQuery的测试脚本,其工作的罚款。

在从肉眼应用树上的差异向后工作,我发现另一个开发者已经产生了一个空的CoffeeScript文件:

app/assets/javascript/application.coffee

我删除了该文件和应用程序正常工作。 股票javascript_include_tag现在读取清单,并且包括各种的javascript模块,包括jQuery的,jQuery的UJS和turbolinks。



Answer 2:

轨道4自动添加SASS护栏,咖啡轨和uglifier宝石,你的Gemfile,由链轮资产压缩使用。 因此,有没有必要明确添加宝石。

你并不需要添加的jQuery与javascript_include_tag,包括你的应用程序文件,而不是让资产管道做它的事。 是这样的:<%= javascript_include_tag “应用程序” %>



Answer 3:

尝试添加到配置/ application.rb中

config.assets.enabled = true

您可能还需要:

config.assets.initialize_on_precompile = true


Answer 4:

在本地启动应用程序。 打开任何浏览器应用程序。 打开页面的源代码。 检查以下行存在

 <script src="/assets/jquery.js?body=1" data-turbolinks-track="true">

如果你能看到的内容如下

/*!
* jQuery JavaScript Library v1.11.1
* http://jquery.com/
*
* Includes Sizzle.js
* http://sizzlejs.com/ 
..........
..........
soon ....

然后jQuery的工作在你的应用程序



文章来源: Rails 4 jQuery, javascript and coffee scripts not working