javascript - (Foundation CSS) 下拉菜单不起作用

标签 javascript css drop-down-menu zurb-foundation

因此,在使用基础时下拉菜单不起作用(即使是从基础文档中复制粘贴的代码也不行)。

此 Html 是使用 Play 生成的!框架,我正在使用 chrome 查看它。此代码在本地主机上运行,​​而不是外部服务器。 (也许 chrome 在本地主机上阻止了 js 之类的?)

以下是我正在使用的代码。任何帮助将不胜感激。

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

code

最佳答案

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

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

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

关于javascript - (Foundation CSS) 下拉菜单不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23819024/

相关文章:

javascript - 调整跨域 iframe 高度

javascript - 事件菜单部分高度问题

jquery - 在悬停期间,如何使 HTML 下拉元素采用每个下拉元素唯一的新背景色?

html - 背景图像在下拉列表中的文本右对齐

javascript - 如果值在 JQuery 中匹配,则手动选择多个下拉选项

Python Mechanize 动态下拉选择

javascript - 单击时隐藏正文溢出

javascript - 从 Google Analytics cookie 获取当前用户/ session 浏览量?

javascript - 以编程方式将图像 alt 属性作为类应用于父元素

javascript - 在 d3.js 圆圈中添加阴影效果