用mmenu創建一個二級菜單

這是我的問題：我在我的網站上有一個鏈接到主菜單的漢堡菜單圖標。在漢堡包菜單圖標旁邊有一個用戶圖標，我想鏈接到另一個菜單。該二級菜單將具有與主菜單相同的樣式，但是其他內容（登錄/登錄表單）。有沒有辦法做到這一點？用mmenu創建一個二級菜單

非常感謝！

來源

2016-01-20 user5707084

你的代碼在哪裏？ –

如果您使用的是mmenu，則除非使用主題擴展名，否則所做的任何菜單都將具有與淺灰色基本相同的樣式。你在使用mmenu嗎？ – MJH

我打算假設你正在使用或想使用mmenu JS。首先下載CSS和JS文件here。

將CSS和JS包含在您的項目中。

在下載文件夾，請jQuery.mmenu主\ DIST。裏面的CSS文件夾是jquery.mmenu.all文件。將其添加到您的項目。
裏面的JS文件夾是jquery.mmenu.all.min文件。將其添加到您的項目。您可以通過網站教程閱讀並查看所有其他文件的用途，但這足以讓您開始。

你應該在你的項目中包含最新的JQuery文件。

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <link href="CSS/jquery.mmenu.all.css" rel="stylesheet" /> 
    <script src="JS/jquery-1.11.3.min.js"></script> 
    <script src="JS/jquery.mmenu.all.min.js"></script>  
</head>

的<body>標籤內創建另一個<div>標籤。
```
<body> 
    <div> 
    </div> 
</body> 
```

的<div>中創建你兩個菜單。將菜單項放入列表中。

<a href="#menu1">Hamburger-icon</a> 
<a href="#menu2">User-icon</a> 

<nav id="menu1"> 
    <div> 
     <ul> 
      <li>item1</li> 
      <li>item2</li> 
     </ul>   
    </div>  
</nav> 
<nav id="menu2"> 
    <div> 
     <ul> 
      <li>item1</li> 
      <li>item2</li> 
     </ul> 
    </div> 
</nav>

現在添加<script>標籤的最後一個div底下，身體內部。
```
<script type="text/javascript"> 
    $(document).ready(function() { 
     $(document).ready(function() { 
      $("#menu1").mmenu({ 
      }); 
      $("#menu2").mmenu({ 
      }); 
     }); 
    }); 
</script> 
```
此代碼西港島線創建兩個菜單關閉頁面。點擊漢堡包圖標後，菜單1將打開。當用戶圖標被點擊時，菜單2將打開。請參閱mmenu教程進一步的調整和定製。

來源

2016-01-25 15:53:50 MJH

用mmenu創建一個二級菜單

回答

相關問題