html - 基础顶部栏下拉菜单不起作用

Question

我一直试图让菜单有一个下拉菜单，但我得到的只是这个(历史链接应该是关于选项卡下的下拉菜单):

我已经包含在所有的 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>