下拉 Javascript 在 Vocino Foundation for Middleman 中不起作用答案

【问题标题】：Dropdown Javascript Not Working in Vocino Foundation for Middleman下拉 Javascript 在 Vocino Foundation for Middleman 中不起作用
【发布时间】：2013-11-14 05:07:21
【问题描述】：

我正在使用 Vocino 的 Foundation w/Middleman 设置构建一个站点，但在下拉链接正常工作时遇到了问题。

这是我的 layout.haml：

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"

简而言之我的_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()
  ........

从视觉角度来看，一切看起来都很好。但是悬停时下拉菜单不起作用。在构建时，自从我取消注释 =require foundation/foundation 后，我也收到 app.js.coffee 错误。我一直在摆弄半天，并阅读其他帖子并没有找到解决方法。在这个新环境中我只是缺少一些非常简单的东西。

【问题讨论】：

标签： javascript drop-down-menu haml zurb-foundation middleman

【解决方案1】：

我是中间人基础模板的创建者。最近我改变了它的工作方式并更新了 repo。基本上，如果您使用的是基础 gem，则实际上不需要使用模板，因为您应该直接从 gem 中提取适当的 mixin，而不是把所有的 Sass 都放在那里。

如果您想使用模板方法（并且可以编辑所有 Sass 文件），您可能需要拉取新版本。

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

最好的，

特拉维斯

【讨论】：