링크를 클릭하면 메뉴 아이콘이 열리지 않습니다.

레일 4 및 파운데이션 4를 사용하여 앱을 개발 중입니다. 디스플레이가 표시 될 때 메뉴 아이콘의 메뉴를 숨기는 파운데이션 4의 상단 바 탐색 요소를 사용하고 있습니다. 작은.링크를 클릭하면 메뉴 아이콘이 열리지 않습니다.

내가 겪고있는 문제는 페이지를 처음로드 할 때 (직접 이동하거나 다시로드 한 후)에만 메뉴를 전환 할 수 있다는 것입니다. 링크를 클릭하면 페이지가 새로 고침 될 때까지 메뉴가 작동하지 않습니다. 내가 쵸메의 디버거를 열면

이 나는 크롬에 버그이었다 보여 듯

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

인터넷 검색을 발견하지만, 파이어 폭스는 작동하지 않으며, 내 전화를한다. 여기

상단 바

<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의 어떤을 변경하지 않은 나는 그것은이이 레일에 TurboLinks에 의해 발생 밝혀 재단 4.3.1

출처

2013-08-31 EmbMicro

을 사용하고

나에 대한 이야기 페이지 http://blog.joshsoftware.com/2013/06/28/troubleshooting-turbolinks-with-rails-4/을 발견 4.0 해결책.

내 application.js 파일

//= require jquery 
//= require jquery.turbolinks 
//= require jquery_ujs 
//= require foundation 

$(document).foundation(); 
$(function(){ $(document).foundation(); }); 

//= require_tree . 
//= require turbolinks

처럼 보이는 내 Gemfile

gem 'jquery-turbolinks'

에 다음 행을 추가했다

출처

2013-09-04 15:25:24 EmbMicro

링크를 클릭하면 메뉴 아이콘이 열리지 않습니다.

답변

관련 문제