下拉式JavaScript不适用于中间商基金会 我正在用VoIoNo的基础设施建立一个网站W/MealMLand，我遇到了下拉链接工作的问题。

这是我的布局。哈姆：

html.no-js
 %head
   %meta{:charset => "utf-8"}
   %meta{:content => "IE=edge,chrome=1", "http-equiv" => "X-UA-Compatible"}
   %meta{:content => "width=device-width", :name => "viewport"}

   %title= data.page.title || "ZURB Foundation"
   / Included CSS Files
   = stylesheet_link_tag "app"
   = javascript_include_tag 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'
   = javascript_include_tag "vendor/custom.modernizr.js"  

 %body{:class => page_classes}
  %header
   = partial 'nav_bar'
   %section{:role => "main", :class => "main"}= yield
   %footer
   -# Application Javascript, safe to override
   = javascript_include_tag "app"

   -# Google Analytics
   = javascript_include_tag "google_analytics"

简而言之，My_nav_bar.html.haml：

%nav.top-bar
 %ul.title-area
  / Title Area
   %li.name
    %h1
     %a{href: "#"}
      Top Bar Title
   %li.toggle-topbar.menu-icon
     %a{href: "#"}
      span menu
 %section.top-bar-section
  / Right Nav Section
  %ul.right
   %li.divider
    %li.has-dropdown
     %a{href: "#"} Main Item 1
     .......

还有我的app.js.coffee的开始：

#= require "vendor/jquery"

# Foundation Javascript
= require "foundation/foundation"

(($, window, undefined_) ->
  "use strict"
  $doc = $(document)
  Modernizr = window.Modernizr
  $(document).ready ->
    $(document).foundation()
  ........

---

从视觉角度看，一切都很好。但当鼠标悬停在上方时，下拉菜单不起作用。在构建app.js.coffee时，由于我取消了行

=require foundation/foundation

的注释，我还得到了一个错误。我已经闲逛了半天，阅读了其他帖子，但还没有找到解决办法。这可能是我在这个新环境中错过的一些非常简单的东西

我是中间人基金会模板的创建者。最近我改变了工作方式，更新了回购协议。基本上，如果你使用的是基础宝石，你不需要使用模板，因为你应该直接从宝石中提取合适的混音而不是拥有所有的SASS。 如果您希望使用模板方法（并使所有Sass文件都可编辑），则可能需要拉取新版本

如果您的项目需要直接帮助，请随时通过Twitter与我联系

最好的

特拉维斯