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％。

SlickNav：如何使桌面菜单的子项点击下拉菜单

1 个答案: