Rails - jQuery 不能在 Heroku 的生产环境中工作答案

【问题标题】：Rails - jQuery not working in production with HerokuRails - jQuery 不能在 Heroku 的生产环境中工作
【发布时间】：2015-05-15 01:20:27
【问题描述】：

我正在使用 Heroku 部署一个网站，但在 jQuery 上线时真的很难启动它。在本地，一切正常。

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

我已经执行了rake assets:precompile，有config.assets.compile = true，并且认为这可能是由于 Turbolinks 的问题，安装了jquery-turbolinks 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'
...

应用程序.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 时页面没有从头开始加载/“准备好”，尽管认为添加相关的 Gem 可以解决这个问题。我也尝试过$(document).on('ready', 'page:change')(main); 在其他点运行该功能，但无济于事。

另外，我似乎记得有一些命令行功能可以更好地确保资产在活动时运行，但找不到任何相关内容。

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

在此先感谢史蒂夫。

【问题讨论】：

标签： javascript jquery ruby-on-rails heroku production

【解决方案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 .

【讨论】：