加载另一个页面时基础顶部栏中断答案

【问题标题】：Foundation top-bar breaks when loading another page加载另一个页面时基础顶部栏中断
【发布时间】：2016-07-19 18:19:11
【问题描述】：

我目前正在使用 ruby on rails 和基础作为 css 框架构建一个小型网站。我实现了一个用于导航的顶部栏，其中包含 2 个嵌套的下拉菜单。

这是我的 layout/application.html.erb 中顶部栏的代码：

<body>
    <div class="top-bar">
    <div class="top-bar-left">
        <ul class="dropdown menu" data-dropdown-menu>
            <li class="menu-text">Logo</li>
            <li><a href="/">Home</a></li>
            <li><a href="/stats">Statistics</a></li>
            <li><a href="/news">News</a></li>
            <li><a href="/items">Items</a>
                <ul class="menu">
                    <li><a href="#">Infected items</a></li>
                    <li><a href="#">Detective items</a></li>
                </ul>
            </li>
            <li><a href="/guides">Guides</a>
                <ul class="menu">
                    <li><a href="#">Lore</a></li>
                    <li><a href="#">Beginner tutorial</a></li>
                    <li><a href="#">Mod rules</a></li>
                    <li><a href="#">Strategy guide</a></li>
                    <li><a href="#">How to be a good detective?</a></li>
                </ul>
            </li>



        </ul>
    </div>
</div>

如下图所示：

代码按预期运行直到我打开首页旁边的统计页面，如下所示：

如果我手动进入统计页面，在我切换回主页之前我不会遇到任何问题。每当我单击与当前所在页面不同的顶部栏的链接时，都会发生这种情况。

我目前根本没有实现自定义 javascript 或 jQuery 侦听器，我正在使用使用基础导轨的全新基础安装。

为什么会发生这种情况，我该如何解决？和rails有关系吗？

谢谢

【问题讨论】：

标签： ruby-on-rails zurb-foundation

【解决方案1】：

这是由于基础和 turbolinks 之间的冲突。

对于遇到这种明显随机问题的人，我按照此处建议的方法解决了这个问题：

http://foundation.zurb.com/forum/posts/2348-foundation-5-topbar-menu-not-responding-on-rails4

【讨论】：