Ember.js 및 Zurb Foundation 5 - 탐색 메뉴 토글은 홈페이지로 이동하며 토글되지 않습니다.

Question

화면 크기를 줄이고 모바일보기로 전환하면 메뉴 토글 단추로 메뉴가 열리지 않고 기본 페이지로 이동합니다.

<nav class="top-bar" data-topbar> 
    <ul class="title-area"> 
    <li class="name"> 
     <h1>{{#link-to 'index'}}Welcome :{{/link-to}}</h1> 
    </li> 
    <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li> 
    </ul> 
    <section class="top-bar-section"> 
    <ul class='right'> 
     <li> 
     {{#link-to 'main.users'}}Users{{/link-to}} 
     </li> 
     <li> 
     {{#link-to 'main.org'}}Organizations{{/link-to}} 
     </li> 
    </ul> 
    </section> 
</nav> 

Answer 1

당신은 당신이 당신의 기초 이벤트를 연결 시설하는 응용 프로그램보기에 didInsertElement 후크를 사용할 수 있습니다 application.hbs의 탐색이있는 경우.

기초 응답을 적재해야합니다.이 대답은 here입니다. 여기

App.ApplicationView = Em.View.extend({ 

    didInsertElement: function() { 
    this.$().foundation('topbar'); 
    }, 

    willDestroyElement: function() { 
    this.$().foundation('topbar', 'off'); 
    } 
}); 

는 작업 JSBin

건배

당신은 엠버가 DOM에 탐색을 삽입 할 때 탐색하는 기초 탐색 이벤트 리스너를 추가 할 필요가