我注意到一些奇怪的事情。在本地机器中,按照javascript文件的顺序,modernizr.custom正在工作(在智能手机版本中显示菜单),但组件样式和icheck不起作用。如果我尝试在组件风格下面进行设计,那么组件风格是有效的,而不是modernizr.custom。 我无法理解为什么。这是javascript文件的精确顺序吗?
//= require modernizr.custom
//= require jquery.easing.1.3
//= require jquery
//= require jquery_ujs
//= require bootstrap.min
//= require cocoon
//= require jquery.turbolinks
//= require turbolinks
//= require social-share-button
//= require jquery.validate
//= require design
//= require components-styles
//= require icheck.min
//= require jquery.touchSwipe.min
//= require respond.min
//= require jquery.bxslider.min
//= require jquery.fitvids
//= require jquery.placeholder
//= require smoothscroll
//= require waypoints.min
//= require jquery.bootstrap.wizard
//= require excanvas
//= require_tree .
第二期。当我在heroku上部署时,组件样式,icheck和modernizr不起作用。
我的application.html.erb:
<%= stylesheet_link_tag "application", :media => "all", "data-turbolinks-track" => true %>
<%= javascript_include_tag "application", "data-turbolinks-track" => true %>
Production.rb:
config.serve_static_files = true
我试过rake assets:precompile RAILS_ENV=production
,我在application-xxx.js中找到了public / assets中的所有javascrit
但在使用heroku后,modernizr.custom和components-style不起作用(也许是其他人)。
我尝试在assets.rb和production.rb中添加config.assets.precompile << '*.js'
,然后进行预编译。结果相同。
的Gemfile:
ruby "2.3.0"
gem 'rails', '4.2.5'
gem 'sass-rails', '~> 5.0'
gem 'devise'
gem 'omniauth'
gem 'omniauth-facebook'
gem 'devise-i18n'
gem 'stripe'
gem 'rails-i18n'
gem "friendly_id", "~> 5.0.1"
gem 'validates_timeliness', '~> 4.0'
gem 'social-share-button', '~> 0.1.6'
gem 'jquery-turbolinks'
gem "cocoon"
gem 'counter_culture', '~> 0.1.23'
gem 'devise-bootstrap-views'
gem 'sprockets'
gem 'simple_form'
gem 'puma'
gem 'uglifier', '>= 1.3.0'
gem 'coffee-rails', '~> 4.1.0'
gem 'jquery-rails'
gem 'turbolinks'
gem 'jbuilder', '~> 2.0'
gem 'sdoc', '~> 0.4.0', group: :doc
group :development, :test do
gem 'sqlite3'
gem 'byebug'
end
group :development do
gem 'web-console', '~> 2.0'
gem 'spring'
end
group :production do
gem 'pg'
gem 'rails_12factor'
end
我尝试了很多我在这里找到的东西,但它仍然没有用。我真的需要这个网站在智能手机上工作。
我无法找到解决办法,提前感谢任何帮助:)
答案 0 :(得分:2)
删除// require_tree,因为它会递归加载所有js文件,但不会加载你指定的顺序。