基础下拉菜单(使用 Plunker)

Foundation dropdown (with Plunker)

我一直在关注 this guide from Zurb,但我无法让这个简单的下拉菜单正常工作。

这是一个笨蛋:http://plnkr.co/edit/nMqBGEjOvhVtaWFIIQHD

我做了以下事情:

  1. 在 Foundation 的 JS
  2. 之上包含 JQuery
  3. 包括基金会的 JS
  4. 通过 <script>$(document).foundation(); </script>
  5. <body> 中初始化基础
  6. 没有注意到控制台中的任何 JS 错误。

但是,当我单击下拉菜单时,没有任何反应。我在这里错过了什么?任何帮助将不胜感激。如果您还需要什么,请告诉我。

当我阅读指南时:

"We recommend that you initialize Foundation at the end of the page" .

像这样:

...
<script>$(document).foundation();</script>
</body> 

DEMO