javascript - SlickNav : How to make the desktop menu's child ul drop down on click

Question

我将 SlickNav 用作多级下拉菜单。当我调整浏览器大小时显示移动菜单时，子项下拉。如何使用桌面菜单执行此操作？这是插件内置的还是需要自定义 jquery？

我的代码如下:

HTML:

 <ul id="Menu">
    <li><a href="#">Home</a></li>
    <li>About Us
        <ul>
           <li><a href="#">item 5</a></li>
           <li><a href="#">item 6</a></li>
           <li><a href="#">item 7</a></li>
        </ul>
    </li>
 </ul>

jQuery:

$(document).ready(function () {
   $('#Menu').slicknav();
});

我没有对插件 css 做任何更改。 https://github.com/ComputerWolf/SlickNav/blob/master/slicknav.css

任何帮助将不胜感激:)

Answer 1

@media screen and (max-width: 40em) {
  .js #menu {
  display:none;
  }
.js .slicknav_menu {
  display:block;
  }
}

你应该在你的CSS中有这个。如果您希望 slicknav 显示在桌面上，您可以将 max-width: 40em 更改为更大的宽度，无论您想要什么最大尺寸。我没试过，但你可以将它设置为 100%。