javascript - 基础下拉菜单(使用 Plunker)

标签 javascript css zurb-foundation

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

这是一个傻瓜:http://plnkr.co/edit/nMqBGEjOvhVtaWFIIQHD

我做了以下事情:

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

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

enter image description here

最佳答案

当我阅读指南时:

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

像这样:

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

DEMO

关于javascript - 基础下拉菜单(使用 Plunker),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34437887/

相关文章:

javascript - 开发函数以查找数字序列的所有排列

javascript - 每个类(class)运行一次,但组运行一次

javascript - 如何在 ASP.NET 请求期间重定向到另一个页面

html - Flexbox:内联为 html 属性还是 CSS 类?

css - 为什么 gnome 应用程序会忽略部分 gtk 3 主题?

html - 如何将 CSS 样式应用于元素?

javascript - 刷新 KendoUI 网格 - 寻呼机损坏

css - 基础网格系统不生效

android - Ink-Mails - 使用 Block-Grid 对邮件客户端没有影响

html - Foundation 5 图标在生产中不起作用,rails