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網站的某處看到了它，但不知道那是什麼。

來源

2016-01-24 MJH

按mmenu文檔，

「插件自動綁定打開的菜單每一個鏈接到菜單元素的click事件。」

爲此，您必須在觸發元素的href屬性中使用菜單的ID。

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

Fiddle Demo

來源

2016-01-24 12:17:35 Raghu

我不明白這一點。我**做**有第10行。正文後身體和div開放標籤。 – MJH

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

您是否在腳本中更改過它？ – Raghu

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

回答

相關問題