ウェブサイトの手順を使用して、ファンデーションをインストールすることができました
http://foundation.zurb.com/docs/rails.php
私は慎重に彼らの手順に従い、軌道画像スクローラーが機能するホームページを取得することができました. ただし、javascript Reveal または Clearing コンポーネントを使用しようとすると、動作しないようです。デバッグ時にコンソールにエラーが表示されません。
誰かがこれに出くわしたり、なぜこれが起こっているのか考えていますか?
私のapplication.jsは次のようになります
//= require jquery
//= require jquery_ujs
//= require foundation/app
//= require foundation
//= require_tree .
私のソースは次のようになります
<!-- Included CSS Files -->
<link href="/assets/application.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/foundation/globals.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/foundation/typography.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/foundation/grid.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/foundation/ui.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/foundation/forms.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/foundation/orbit.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/foundation/reveal.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/foundation/mobile.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/foundation/index.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/landing.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/layouts/layout.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<!-- Included JS Files -->
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/foundation/app.js?body=1" type="text/javascript"></script>
<script src="/assets/foundation/modernizr.foundation.js?body=1" type="text/javascript"></script>
<script src="/assets/foundation/jquery.reveal.js?body=1" type="text/javascript"></script>
<script src="/assets/foundation/jquery.orbit-1.4.0.js?body=1" type="text/javascript"></script>
<script src="/assets/foundation/jquery.customforms.js?body=1" type="text/javascript"></script>
<script src="/assets/foundation/jquery.placeholder.min.js?body=1" type="text/javascript"></script>
<script src="/assets/foundation/jquery.tooltips.js?body=1" type="text/javascript"></script>
<script src="/assets/foundation/index.js?body=1" type="text/javascript"></script>
<script src="/assets/landing.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>