MMENU 根本不起作用答案

【问题标题】：MMENU doesn't work at allMMENU 根本不起作用
【发布时间】：2014-09-08 20:44:58
【问题描述】：

我按照官方的 mmenu 教程进行操作，但无法正常工作。菜单没有出现。

我的 html 文件内容：

<!DOCTYPE html>
<html>
        <head>
        <title>Mmenu demo</title>
        <script src="/static/js/jquery-1.11.0.min.js" type="text/javascript"></script>
        <script src="/static/js/jquery.mmenu.min.js" type="text/javascript"></script>
        <link href="/static/css/jquery.mmenu.css" type="text/css" rel="stylesheet"/>
        <link href="/static/css/mmenu-demo.css" type="text/css" rel="stylesheet"/>
        <script src="/static/js/mmenu-demo.js" type="text/javascript"></script> 
        </head>

    <body>
        <div id="wrapper>
            <div id="content" class="content">
                <div id="box" class="box">
                <div id="title" class="title">mmenu demo</div>
                <div id="desc" class="desc">A menu should appear on the left</div>
            </div>
        </div>
        <nav id="menu">
            <ul>
                <li><a href="/">News</a></li>
                <li><a href="/">Projects</a></li>
                <li><a href="/">Street views</a></li>
                <li><a href="/">Contact</a></li>
                <li><a href="/">Shootings</a></li>
            </ul>
        </nav>
    </body>
</html>

我的自定义 javascript 文件 mmenu-demo.js

$(document).ready(function() {
    $("#menu").mmenu();
});

我的自定义 css 文件 mmenu-demo.css（只是为了运行演示）

.content{   
    padding:1em;
    text-align:center;
}

.box{
    border:1px solid lightgrey;
    width:30%;
}

.title{
    font-size:2.5em;
    font-family:"arial";
    color:white;    
    padding:1em;
    background-color:black;
}

.desc{
    font-family:arial;
    font-size:1em;
    color:white;
    padding:1em;
    font-weight:bold;
    margin-top:30%;
    background:rgba(0,0,0,0.5);
}

感谢您的帮助。

【问题讨论】：

标签： javascript jquery menu mmenu

【解决方案1】：

你只是缺少一个报价。

这个：

<div id="wrapper>

应该是这样的：

<div id="wrapper">

另外，正如 Emmanuel Brunet 所说：

$("#menu").mmenu();

应该是：

$("#menu").trigger("open");

【讨论】：

感谢您的回复，这是正确的，但这是打字错误而不是问题根源。我现在才发现，在 mmenu-demo.js javascript 中，它包含一个 $("#menu").trigger("open");声明......这是一个菜单文档湖！