(基础CSS)下拉菜单不工作

(Foundation CSS) Dropdowns are not working

本文关键字：工作下拉菜单基础 CSS 更新时间：2023-09-26

所以下拉菜单在使用基础时不起作用(甚至不包括从基础文档复制粘贴的代码)。

这个Html是使用Play!框架，我正在使用chrome浏览器查看它。此代码运行在本地主机上，而不是外部服务器上。(也许chrome是阻止js在本地主机或什么?)

下面是我使用的代码。如有任何帮助，不胜感激。

JSFiddle: http://jsfiddle.net/U7CZq/

code

我在这里看到了可能导致问题的一些事情。

第一个主要问题是您没有包括foundation.topbar.js文件，这是实现下拉菜单所需要的。

另一个问题是，你应该在页面底部调用$(document).foundation()，以允许基础javascript组件操作顶部栏的DOM，以添加顶部栏下拉所需的适当元素和类。