1

私は最初の本格的な Rails プロジェクト (v3.2.8) に取り組んでいるフロントエンド Web 開発者です。gem を使用して Foundation バージョン 3.2.0 を正常にインストールしました。

小さな画面サイズで表示され、ナビゲーション リンクの展開と折りたたみに使用されるナビゲーション トグルに問題があります。クリックしても何もしません。

(レスポンシブ zurb nav のドキュメントは、Web サイト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' %>

... が 2 回表示されます - 1 回目は実際のトグル矢印があるべき場所で、もう 1 回クリックしてナビゲーション リンクを展開します。

トグルがコードにないときにナビゲーションが正しく機能し、あると誤動作するのはなぜですか?

どんな助けでも大歓迎です。

4

1 に答える 1