在 Rails 4 中使用 Foundation 和 Turbolinks 时出现问题

我有一个带有 2 个按钮的标题：登录和注册像这样 http://postimg.org/image/tfcwebeoz/。 当我点击其中一个时，会出现一个窗口：窗户打开 http://postimg.org/image/lv7gn2ks3/。为此，我使用基础的“Reveal Modal”（显示模态 http://foundation.zurb.com/docs/components/reveal.html).

我的问题：如果我单击链接打开网站的新页面并尝试打开/关闭登录或注册弹出窗口，窗口将关闭，但这次阴影仍然存在（像这样 http://postimg.org/image/worax30rz/）并且我需要按 F5 才能再次工作。

我使用 Rails 4 和 Foundation 5。

文件_header.html.erb（查看部分）

<div class="large-12 columns header">
  <div class="logo">
    logo
  </div>
  <div class="infos">
      <ul>
        <li><a href="#" class="" data-reveal-id="login">Login</a></li>
        <li><a href="#" class="" data-reveal-id="signup">Sign up</a></li>
      </ul>
  </div>
</div>

<div id="login" class="reveal-modal" data-reveal>
  <p>
    Page Test 
  </p>
</div>

<div id="signup" class="reveal-modal roundish" data-reveal>
  <p>
    Page Test 
  </p>
</div>

文件 application.js

//= require jquery
//= require turbolinks
//= require foundation
//= require bxslider/jquery.bxslider.min.js
//= require home
//= require_tree .

$(function() {
  $(document).foundation();
});

感谢您的帮助。

这适用于涡轮链接进度条和基础选项卡、手风琴

//= require jquery
//= require jquery_ujs
//= require foundation
//= require turbolinks
//= require_tree .

var ready;
ready = function() {
  $(document).foundation();
};
$(document).ready(ready);
$(document).on('page:load', ready);