我设法在他们的网站上使用他们的步骤安装基础
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>