用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创建一个二级菜单

回答

相关问题