bootstrap/javascript 下拉菜单在 heroku 上不起作用

Question

我的应用程序在我的本地计算机上运行良好，但是，当我将其部署到 heroku 时，导航栏上的下拉菜单无法正常工作...这是下拉菜单的代码

 <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>

我已经将所有资产设置为预编译，并且我尝试过手动进行。不知道为什么它不起作用

编辑：

应用程序.js

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

Answer 1

你需要添加document.ready函数：

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

而不是

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

问候！