jquery - 菜单不显示子菜单

Question

我不明白为什么这个菜单不起作用。当我将鼠标悬停在 li 上时，子菜单或 ul li ul 未显示，但当我调整到平板电脑/移动设备宽度时，菜单工作得很好。

http://jsfiddle.net/cku6h/1/

<header id="site-header">
    <nav class="navbar cf inner">
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">Portfolio</a></li>
            <li>
                <a href="#">Blog</a>
                <ul>
                    <li>
                        <a href="#">Sub Link</a>
                    </li>
                    <li>
                        <a href="#">Sub Link</a>
                    </li>
                </ul>
            </li>
            <li><a href="#">Contact Me</a></li>
        </ul>
    </nav>
</header>

Answer 1

您需要将其添加到您的 CSS 中:

.navbar ul li:hover ul {
      display: block;   
}

为了让它在悬停时显示下拉菜单。

查看更新后的 fiddle :http://jsfiddle.net/pak2W/