Question

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

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

（您可以在他们的网站上看到响应式zurb导航的文档：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' %>

...出现两次 - 一旦实际的切换箭头出现在您应该再次点击它以展开导航链接。

为什么当切换不在代码中时导航才能正常工作并且当它出现故障？

非常感谢任何帮助。

Answer 1

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

将以下内容放入html：

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

至少对我而言，下拉列表现在有效......

编辑：从基金会5开始，marketing_docs文件不再可用

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

基础响应顶部栏切换不适用于Rails 3.2.8项目

1 个答案: