javascript - 桌面 View 上的 SlikNav 多级菜单？

Question

我正在使用 SlikNav 制作移动导航菜单。我有这样的结构:

<nav>
    <ul>
        <li>
            <a href="#">Home</a>
        </li>
        <li>
            <a href="#">Products</a>
            <ul>
                <li>
                    <a href="#">Child1</a>
                </li>
                <li>
                    <a href="#">Child2</a>
                </li>
            </ul>
        </li>
    </ul>
</nav>

这在移动 View 上工作正常，这里是一个 codepen .

我的桌面版本很简单:nav ul li { display:inline; } 使列表内联显示。

我的问题是，SlickNav 是否可以使下拉菜单在桌面 View 中也有效？

Answer 1

现在，菜单在桌面模式和移动模式下已经是一个下拉菜单..

只是为了好看，就这么做 -在 li 之后的 ul 中添加一个类“sub”。

<nav>
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Products</a>
      <ul class="sub">
        <li><a href="#">Child1</a></li>
        <li><a href="#">Child2</a></li>
      </ul>
    </li>
  </ul>
</nav>

和CSS -

li{
  float: left;
}
li > ul.sub{
  margin: 0;
}