基金会顶栏下拉列表无效(Foundation Top

基金会顶栏下拉列表无效(Foundation Top-bar dropdown not working)

我一直试图让一个菜单有一个下拉菜单，但是我得到的就是这个（历史链接应该是about选项卡下的一个下拉菜单）：

我已经包含在所有的javascript文件中，并初始化它们，我真的无法理解发生了什么。 有任何想法吗？ 网站链接： http ： //mvcsf.com/new/

码：

<nav class="top-bar"> <ul class="title-area"> <img src="img/logo.png"> </ul> <ul class="right"> <li><a href="">home</a></li> <li class="has-dropdown"><a href="">about</a> <ul class="dropdown"> <li>history</li> </ul> </li> </ul> </nav>

非常感谢！

I've been trying to get a menu have a dropdown menu, however all I get is this (the history link is supposed to be a dropdown menu under the about tab):

I've included in all the javascript files, and initialized them and I really can't understand what's going on. Any ideas? Website link: http://mvcsf.com/new/

Code:

<nav class="top-bar"> <ul class="title-area"> <img src="img/logo.png"> </ul> <ul class="right"> <li><a href="">home</a></li> <li class="has-dropdown"><a href="">about</a> <ul class="dropdown"> <li>history</li> </ul> </li> </ul> </nav>

Thank you so much!

最满意答案

看起来你错过了你的“正确”ul之前的章节标签。

<nav class="top-bar"> <ul class="title-area"> <img src="img/logo.png"> </ul> <section class="top-bar-section"> <ul class="right"> <li><a href="">home</a></li> <li class="has-dropdown"><a href="">about</a> <ul class="dropdown"> <li>history</li> </ul> </li> </ul> </section> </nav>

Looks like you're missing your section tags before your "right" ul.

<nav class="top-bar"> <ul class="title-area"> <img src="img/logo.png"> </ul> <section class="top-bar-section"> <ul class="right"> <li><a href="">home</a></li> <li class="has-dropdown"><a href="">about</a> <ul class="dropdown"> <li>history</li> </ul> </li> </ul> </section> </nav>