Zurb foundation drop down menu not works

I am starting to learn ember and try to incorporate some navigation bar using zurb foundation framework. I have a problem with dropdown menu. Check this link

 <ul class="title-area">
    <li class="name">
       <h1><a href="#">Home</a></h1>
    </li>
    <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
    <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
 </ul>

 <section class="top-bar-section">
    <ul class="left">
       <li class="has-dropdown">
          About
          <ul class="vertical dropdown menu" data-dropdown-menu>
             <li click>Team</li>
          </ul>
       </li>
       <li click>About/Team again</li>
       <li>Contact</li>
    </ul>

 </section>

I can not achive to trigger route when clicking on About/Team. When clicking on "About/Team again" then route works.

Any idea why this happens?