Zurb基础下拉菜单不起作用

Question

我开始学习ember并尝试使用 zurb foundation 框架合并一些导航栏。我的下拉菜单有问题。查看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">
          {{#linkTo "about"}}About{{/linkTo}}
          <ul class="vertical dropdown menu" data-dropdown-menu>
             <li click>{{#linkTo "about.team"}}Team{{/linkTo}}</li>
          </ul>
       </li>
       <li click>{{#linkTo "about.team"}}About/Team again{{/linkTo}}</li>
       <li>{{#linkTo "contact"}}Contact{{/linkTo}}</li>
    </ul>

 </section>

单击“关于/团队”时，我无法触发路由。点击＆＃34;关于/团队再次＆＃34;然后路线工作。

知道为什么会这样吗？