如何使Foundation Reveal Modal在Rails中工作？

Question

我試圖在我的rails應用程序中使用Foundation Reveal Modal。 我在基金會網站上遵循了以下示例：

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

您的代碼看起來正確。 頁面底部是否有打基礎的電話？

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

您能指出我們網頁的在線版本嗎？