0

Rails 4 と Foundation 4 を使用してアプリを開発しています。ディスプレイが小さいときにメニュー アイコンのメニューを非表示にする Foundation 4 のトップバー ナビゲーション要素を使用しています。

私が抱えている問題は、ページが最初に読み込まれたとき (直接ページに移動するか、ページを再読み込みした後) にしかメニューを切り替えることができないことです。リンクをクリックすると、ページが更新されるまでメニューが機能しなくなります。

Chome のデバッガーを開くと、

Error in event handler for 'undefined': IndexSizeError: DOM Exception 1 Error: Index or size was negative, or greater than the allowed value.

それがChromeのバグであることを示したように見えるグーグルですが、Firefoxも私の電話も機能しません。

トップバーのコードは次のとおりです

<nav class="top-bar">
<ul class="title-area">
    <li class="name">
        <h1><%= link_to "My App",root_path %></h1>
    </li>
    <li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right">
  <% if signed_in? %>
    <li class="divider hide-for-small"></li>
    <li><%= link_to "My Account", account_path %></li>
    <li class="divider"></li>
  <% end %>

  <li class="divider show-for-small"></li>
  <li class="has-form">
    <% if signed_in? %>
      <%= link_to "Sign Out", signout_path, class: "button", method: "delete" %>
    <% else %>
            <%= link_to "Sign In", signin_path, class: "button" %>
    <% end %>
  </li>
</ul>
</section>
</nav>

これを機能させる方法についてのアイデアはありますか? トップバーの css を変更しておらず、Foundation 4.3.1 を使用しています。

4

1 に答える 1