如何在Rails中获得基础显示模态工作

Question

我试图在我的rails应用程序中获得基础显示模态工作。我遵循了基金会网站上的例子:

http://foundation.zurb.com/sites/docs/v/5.5.3/components/reveal.html

<a href="#" data-reveal-id="myModal">Click Me For A Modal</a>
<div id="myModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
  <h2 id="modalTitle">Awesome. I have it.</h2>
  <p class="lead">Your couch.  It is mine.</p>
  <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
  <a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div>

打开按钮，没有任何反应。

js(不知道这是否正确…)

<script>
  $('#myModal').foundation('reveal', 'open');
</script>

application.js

    //= require jquery
    //= require jquery_ujs
    //= require jquery.turbolinks  
    //= require turbolinks
    //= require list
    //= require foundation
    //= require foundation-datepicker
    //= require responsive-tables
    //= require jquery.reveal
    //= require list.fuzzysearch
    //= require_tree .

我下载了显示js和css文件到我的本地应用程序。我猜这是js我绊倒在这里。有什么建议吗?谢谢。

Answer 1

您的代码看起来正确。页面底部有对foundation的调用吗?

<script>
    $(document).foundation();
</script>

你能告诉我们你的网页的在线版本吗?