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>