2013-11-03 38 views
0

我正在建设一个网站使用Vocino的基金会瓦特/中间人的设置,我碰到一个问题让下拉链接工作。下拉JavaScript不工作在Vocino基金会为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() 
    ........ 

从视觉角度看,一切看起来都很好。但是,当盘旋时,下拉菜单不起作用。在建立之后,我还得到了app.js.coffee的错误,因为我取消注释了行=require foundation/foundation。我一直在摆弄半天,现在阅读其他帖子,但没有找到解决办法。这可能是非常简单的事情,我只是在这个新的环境中失踪。

回答

1

我是中间人 - 基础模板的创建者。最近我改变了它的工作方式并更新了回购。基本上,如果你使用的是基础宝石,那么你并不需要使用模板,因为你应该直接从宝石中抽取适当的mixin,而不是让Sass拥有所有的Sass。

如果您想要使用模板方法(并且可以编辑所有Sass文件),您可能需要提取新版本。

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

最佳,

特拉维斯