Ruby on rails 基金会6顶棒下拉赢了和XX27；关不上

我在顶部栏添加了一个下拉菜单，当我将鼠标悬停在上面时，所有子菜单都会出现

问题是启动服务器后，当我单击应用程序中的任何链接时，整个子菜单在顶部栏中垂直对齐，不会消失。当我用F5刷新页面时，子菜单项将消失，但当我单击任何其他链接时，它们将再次出现在固定位置，并在下拉菜单链接下对齐

悬停前：

悬停时：

单击应用程序中的任何链接后：

为了确保我自己在描述前端时没有弄糟，我直接复制了粘贴的示例：

.top-bar    
  .top-bar-left
  ul.dropdown.menu data-dropdown-menu=''
    li.menu-text Site Title
    li
      a href="#"  One
      ul.menu.vertical
        li
          a href="#"  One
        li
          a href="#"  Two
        li
          a href="#"  Three
    li
      a href="#"  Two
    li
      a href="#"  Three

我使用的是语法和：

• 基础轨道6.4.3.0
• 轨道5.1.6
• ruby 2.5.1

我用broswer检查工具检查了javascript控制台，那里没有错误（服务器日志中也没有错误）。我甚至在主布局头部移除了TurboLink进行了测试，但当然没有影响。我想不出如何进一步调试了

我的应用程序布局（顶部栏位于_navbarpartial中，在主体中呈现）：

以及我的应用程序javascript（如果重新加载库的顺序有什么关系的话）：

这里描述了类似的问题，但是这个解决方案对我来说不起作用：

：一个问题：在你的应用程序JavaScript中，你应该在<代码>基础上加载TurbLink：加载< /代码>如下：

$(document).on('turbolinks:load', function() {
  $(function(){ $(document).foundation() })
})

有关更多信息，请查看

//= require jquery
//= require rails-ujs
//= require turbolinks
//= require rails.validations
//= require rails.validations.simple_form
//= require foundation
//= require chartkick
//= require ckeditor/init
//= require_tree .

$(function(){ $(document).foundation() })

$(document).on('turbolinks:load', function() {
  $(function(){ $(document).foundation() })
})