mmenu不能正常工作，看起来像普通的html

问题描述：

我写了一个html页面，只是为了在visual studio中尝试mmenu。当我运行代码时，在点击之前打开菜单，我看到的只是普通的html。点击打开菜单什么都不做。 mmenu不能正常工作，看起来像普通的html

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <script src="JS/jquery-1.11.3.min.js"></script> 
    <script src="JS/jquery.mmenu.all.min.js"></script> 
    <link href="CSS/jquery.mmenu.all.css" rel="stylesheet" /> 
</head> 
<body> 
    <div> 
     <a href="#myMenu">Open the menu</a> 
     <nav id="myMenu"> 
      <ul> 
       <li><a href="#">Sign up</a></li> 
       <li> 
        <a href="#">Enter</a> 
        <ul class="vertical"> 
         <li><a href="#">Log in</a></li> 
         <li><a href="#">Continue as guest</a></li> 
        </ul> 
       </li> 
      </ul> 
     </nav> 
    </div> 

    <script type="text/javascript"> 
    $(document).ready(function() { 
     $("#my-menu").mmenu({ 
      // Options 
     }); 

    }); 
    </script> 
</body> 
</html>

在我的项目

我有这些文件：

jQuery的1.11.3.min.js
jquery.mmenu.all.min.js

CSS

jquery.mmenu.all.css

当我运行的代码，我没有连接到互联网。我必须使用Sass吗？我在mmenu网站的某处看到了它，但不知道那是什么。

答

按mmenu文档，

“插件自动绑定打开的菜单每一个链接到菜单元素的click事件。”

为此，您必须在触发元素的href属性中使用菜单的ID。

<a href="#myMenu">Open the menu</a> 
    <nav id="myMenu"> 
    </nav>

Fiddle Demo

我不明白这一点。我**做**有第10行。正文后身体和div开放标签。 – MJH

你的href指向'＃my-menu'而不是'＃myMenu'。 – Raghu

您是否在脚本中更改过它？ – Raghu

mmenu不能正常工作，看起来像普通的html

相关推荐