基金会顶栏下拉列表无效

Question

我一直试图让菜单有一个下拉菜单，但是我得到的就是这个（历史链接应该是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>   

非常感谢你！

Answer 1

在“正确”的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>