SlickNav：如何使桌面菜單的孩子ul下拉點擊

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，則可以將最大寬度：40em更改爲更大的寬度，無論您希望的最大尺寸如何。我沒有嘗試過，但可以將其設置爲100％。