1

我是一名前端 Web 开发人员，致力于我的第一个严肃的 Rails 项目 (v3.2.8)。我已经使用 gem 成功安装了 Foundation 3.2.0 版。

我在导航切换时遇到问题，它出现在较小的屏幕尺寸上，用于展开和折叠导航链接。当我点击它时，它什么也不做。

（您可以在他们的网站上查看响应式 zurb nav 的文档：http://foundation.zurb.com/docs/navigation.php ）。

有问题的代码是：

<nav class="top-bar">
   <ul>
      <li class="toggle-topbar">
         <a href="#"></a>
      </li>  
   </ul>  
   <section>
      <ul class="right">
         <li class="has-dropdown">
            <%= link_to "#{@user.email} | #{@user.credits_count}", 
               dashboard_path, :class => 'first-link' %>
            <ul class="dropdown">
               <li>
                  <a href="#">Settings<i class="icon-cog"></i></a>
               </li>
               <li>
                  <a href="#">Downloads<i class="icon-cloud-download"></i></a>
               </li>
               <li>
                  <a href="#">Subscription<i class="icon-calendar"></i></a>
               </li>
               <li>
                  <%= link_to 'Purchase Credits <i class="icon-money"></i>' 
                      .html_safe, credits_path %>
               </li>
               <%= render "shared/menu_bar" %>                 
            </ul>
         </li>
      </ul>
   </section>
</nav>

奇怪的是，当我删除时：

<ul>
   <li class="toggle-topbar">
      <a href="#"></a>
   </li>  
</ul>

...一切正常，但第一个链接：

<%= link_to "#{@user.email} | #{@user.credits_count}", 
             dashboard_path, :class => 'first-link' %>

... 出现两次 - 一次是实际切换箭头的位置，一次是单击它以展开导航链接。

为什么当切换不在代码中时导航会正常工作而在代码中时会出现故障？

任何帮助将不胜感激。

4

1 回答 1

0

我在另一个论坛上找到了这个答案。 https://groups.google.com/forum/#!topic/foundation-framework-/-5F_kQWfNQ4

将以下内容放入 html 中：

<script src="http://foundation.zurb.com/public/assets/marketing_docs.js"></script>

至少对我来说，下拉菜单现在有效......

编辑：从 Foundation 5 开始，marketing_docs 文件不再可用

我目前正在尝试了解为什么切换不起作用。

于 2013-11-20T01:10:32.897 回答