bootstrap/javascript dropdown menu funktioniert nicht auf heroku

Question

Ich habe und App, die gut funktioniert auf meinem lokalen Rechner, aber wenn ich es auf Heroku bereitstellen das Dropdown-Menü auf der Navbar weigert sich zu arbeiten ... hier ist der Code für die Drop-Down-

<li class="dropdown"> 
 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Learning Wellness <span class="caret"></span> </a> 
 
     <ul class="dropdown-menu"> 
 
      <li><% yield (:exercise)%><%= link_to "Exercise", exercise_path%></li> 
 
      <li><% yield (:eating_healthy)%><%= link_to "Eating Healthy", eating_healthy_path%></li> 
 
      <li><% yield (:safety)%><%= link_to "Safety", safety_path%></li> 
 
      <li><% yield (:health_awareness)%><%= link_to "Health & Awareness", health_awareness_path%></li> 
 
     </ul> 
 
     </li> 
 

 
     <script type="text/javascript"> 
 
     $('.dropdown-toggle').dropdown() 
 
     </script>

ich habe bereits alle Vermögenswerte auf vorkompilieren, und ich habe versucht, es von Hand zu tun. Nicht sicher, warum es nicht funktioniert

EDIT:

application.js

//= require turbolinks 
 
//= require_tree . 
 
//= require jquery 
 
//= require jquery_ujs 
 
//= require bootstrap-sprockets 
 
//= require bootstrap 
 
//= require jquery.slick 
 
//= require initialize

Answer 1

Sie nee die document.ready Funktion hinzuzufügen:

$(document).ready(function() { 
    $('.dropdown-toggle').dropdown(); 
}); 

anstelle von

$('.dropdown-toggle').dropdown(); 

Grüße!