首页 / JAVASCRIPT / javascript – 在Rails 4中使用Foundation和Turbolinks时遇到麻烦

javascript – 在Rails 4中使用Foundation和Turbolinks时遇到麻烦

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在Rails 4中使用Foundation和Turbolinks时遇到麻烦，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1215字，纯文字阅读大概需要2分钟。

内容图文

我有一个带2个按钮的标题：登录并注册Like this.
当我点击其中一个时,会出现一个窗口：window open.为此,我使用了基础(Reveal Modal)的“显示模态”.

我的问题：如果我点击链接打开我的网站的新页面并尝试打开/关闭登录或注册弹出窗口,窗口关闭,但这次阴影停留(like this),我需要按F5这个再次工作.

我使用Rails 4和基础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();
});

谢谢您的帮助.

解决方法:

这适用于turbolinks进度条和基础选项卡,手风琴

//= 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);

内容总结

以上是互联网集市为您收集整理的javascript – 在Rails 4中使用Foundation和Turbolinks时遇到麻烦全部内容，希望文章能够帮你解决javascript – 在Rails 4中使用Foundation和Turbolinks时遇到麻烦所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/793598.html

来源：【匿名】