0

Foundation w/ Middleman 用の Vocino のセットアップを使用してサイトを構築していますが、ドロップダウン リンクが機能しないという問題に遭遇しました。

これが私の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。私は半日いじり回して他の投稿を読んでいましたが、修正が見つかりませんでした。この新しい環境に欠けているのは、非常に単純なことかもしれません。

4

1 に答える 1

1

私は middleman-foundation テンプレートの作成者です。最近、動作方法を変更し、レポを更新しました。基本的に、基本的な gem を使用している場合、すべての Sass をそこに置くのではなく、適切な mixin を gem から直接プルする必要があるため、テンプレートを実際に使用する必要はありません。

テンプレート方式を使用したい (そしてすべての Sass ファイルを編集できるようにしたい) 場合は、新しいバージョンをプルすることをお勧めします。

プロジェクトに関して直接的なサポートが必要な場合は、Twitter でお気軽にご連絡ください。

一番、

トラヴィス

于 2013-11-04T18:11:34.340 に答える