文章/答案/技术大牛

发布

社区首页 >问答首页 >MMENU根本不起作用

问MMENU根本不起作用
EN

Stack Overflow用户

提问于 2014-09-08 20:44:58

回答 1查看 949关注 0票数 1

我遵循了官方的m菜单教程，但我无法让它起作用。菜单没有出现。

我的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

mmenu

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-09-08 20:48:18

你只是漏掉了一句话。

这是：

<div id="wrapper>

应该是这样：

<div id="wrapper">

此外，正如Emmanuel Brunet所说：

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

应：

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25732896

复制

相似问题

问MMENU根本不起作用
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问MMENU根本不起作用EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问MMENU根本不起作用
EN