Bootstrap Togglable标签适用于localhost：3000但不是我推送到服务器时

Question

疯狂。无法解释。一切都在当地很好。我可以在本地内容窗格之间切换。

我

git add。

git commit -am＆＃34;切换标签＆＃34;

git push heroku master

%ul.nav.nav-tabs{:id => "myTab"}
  %li
    %a.small-text-chart{:href => "#show-spread-visiting", "data-toggle" => "tab"}
      = "#{@event.visiting_team} points"
  %li
    %a.small-text-chart{:href => "#show-spread-home", "data-toggle" => "tab"}
      = "#{@event.home_team} points"
  %li.active
    %a.small-text-chart{:href => "#show-moneyline-visiting", "data-toggle" => "tab"}
      = "#{@event.visiting_team} moneyline"
  %li
    %a.small-text-chart{:href => "#show-moneyline-home", "data-toggle" => "tab"}
      = "#{@event.home_team} moneyline"
  %li
    %a.small-text-chart{:href => "#show-over-under", "data-toggle" => "tab"}
      = "Over/Under"


.tab-content
  .tab-pane{:id => "show-spread-visiting"}
  .tab-pane{:id => "show-spread-home"}
  .tab-pane.active{:id => "show-moneyline-visiting"}
  .tab-pane{:id => "show-moneyline-home"}
  .tab-pane{:id => "show-over-under"}

最重要的是，我有使用javascript和Google ChartKick为标签创建内容的代码

google.setOnLoadCallback(drawChart4);
function drawChart4() {
var data4 = google.visualization.arrayToDataTable(#{@home_moneyline_movement_array});

var options4 = {
      title: 'Moneyline Movements for #{@event.home_team}'
    };

var chart4 = new google.visualization.LineChart(document.getElementById('show-moneyline-home'));

    chart4.draw(data4, options4);

}

标签显示，我可以将鼠标悬停在它们上方并更改着色，但我无法激活标签或更改下方的内容窗格。只有活动窗格才有效。

这一切在localhost上运行正常！救命啊！