Rails - jQuery 无法在生产环境中使用 Heroku

Question

我正在使用 Heroku 部署一个网站，尽管在它上线时确实很难让 jQuery 触发。在本地，一切正常。

我玩了一把但没有找到任何解决方案 - 它全部加载到资产管道中，在实时页面上显示为源（尽管没有工作）并且我已经尝试了我所有的解决方案在网上找到了。

我已经执行了 rake assets:precompile，有 config.assets.compile = true 并且认为这可能是由于 Turbolinks 造成的问题，因此安装了 jquery-turbolinks gem.

每次更改我都认为我会得到这个运行ning，尽管还没有任何影响网站的行为。这是一些代码：

Gem文件

...
gem 'bootstrap-will_paginate'
gem 'bootstrap-sass'
# Use jquery as the JavaScript library
gem 'jquery-rails'
gem 'jquery-ui-rails'
gem 'jquery-turbolinks'
# Turbolinks makes following links in your web application faster. Read more: https://github.com/rails/turbolinks
gem 'turbolinks'
...

Application.js

...
//= require bootstrap
//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require jquery-ui
//= require turbolinks
//= require_tree .
...

Application.html.erb

<head>
  <link href='http://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
</head>

Home.js

var validBox = function(x, y){
 ...
      });
};

var main = function(){
    $('.toggle').click(function(){
      $('.about-me').toggle(); 
    });
    //Carosel
    $('.arrow-next').click(function(){
        ...
    });
    $('.arrow-prev').click(function(){
      ...
    });
    //Comments
    $('.btn').click(function() {
     ...
      });
      $('.status-box').keyup(validBox('.status-box', '.name-box'));
      $('.name-box').keyup(validBox('.name-box', '.status-box'));
      $('.btn').addClass('disabled');
    }

$(document).ready(main);

会不会是$(document).ready(main);行的问题？我有一种感觉，我在某处读过 jQuery 并不总是响应，因为使用 Turbolinks 时页面没有从头开始加载/'ready'，尽管我认为添加了相关的 Gem 会解决这个问题。我也试过 $(document).on('ready', 'page:change')(main); 到运行其他点的功能，但无济于事。

或者，我似乎记得有一些命令行功能可以更好地确保资产运行上线时虽然找不到任何相关内容。

任何帮助将不胜感激，因为我对这个感到困惑。我对此很陌生，如果其中有任何明显的业余错误，我深表歉意（尽管这可能意味着一个简单的解决方案！）。

提前致谢，史蒂夫。

Answer 1

就我而言，我在这里找到了答案：

Bootstrap won't detect jQuery 1.11.0 - Uncaught Error: Bootstrap's JavaScript requires jQuery

Java 控制台抛出那里提到的错误，在天晓得多少猎杀之后，简单地更改 js 文件的加载顺序就有所不同。

Bootstrap 在 jQuery 之后，一切正常！！

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

Rails - jQuery 无法在生产环境中使用 Heroku

Rails - jQuery not working in production with Heroku

javascript

jquery

production

ruby-on-rails

heroku