Javascript jquery mmenu的实现在视图中根本不可见

我已经在html中实现了jquery mmenu，但是在我的视图中看不到导航面板和汉堡图标。我还在中实现了angular js

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<link type="text/css" rel="stylesheet" href="/stylesheets/jquery.mmenu.all.css">


<script type="text/javascript" src="/javascripts/jquery.mmenu.min.all.js"></script>
<script type="text/javascript">
$(function() {
            $('nav#menu').mmenu({
                extensions  : [ 'effect-slide-menu', 'pageshadow' ],
                searchfield : true,
                counters    : true,
                navbar      : {
                    title       : 'Advanced menu'
                },
                navbars     : [
                    {
                        position    : 'top',
                        content     : [ 'searchfield' ]
                    }, {
                        position    : 'top',
                        content     : [
                            'prev',
                            'title',
                            'close'
                        ]
                    }, {
                        position    : 'bottom',
                        content     : [
                            '<a href="http://mmenu.frebsite.nl" target="_blank">Visit website</a>',
                            '<a href="http://mmenu.frebsite.nl/wordpress-plugin.html" target="_blank">WordPress plugin</a>'
                        ]
                    }
                ]
            });
        });

$（函数（）{
$（“导航菜单”）.mmenu({
扩展：['效果幻灯片菜单'，'页面阴影']，
searchfield：是的，
对,，
导航栏：{
标题：“高级菜单”
},
导航栏：[
{
位置：'顶部'，
内容：[“搜索字段”]
}, {
位置：'顶部'，
内容：[
“上一个”，
“头衔”，
“结束”
]
}, {
位置：'底部'，
内容：[
'',
''
]
}
]
});
});

根据jQuery.mmenu插件的文档，在

jQuery.min.js

请求之后，

head

部分中的

.js

文件似乎丢失了

确保将文件添加到正确的文件夹中，并将以下行添加到文件的

标题

部分：

<script src="path/to/jquery.mmenu.min.js" type="text/javascript"></script>

并在

标题

部分或外部CSS文件中为按钮添加CSS：

.header a{
   background: center center no-repeat #333;
   background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
   display: block;
   width: 40px;
   height: 40px;
   position: absolute;
   top: 0;
   left: 10px;
}

---

我猜你也有mmenu的脚本src？是纯CSS菜单吗？请确保附加了相应的JQuery Mmenu javascript文件，并确保使用的是JQuery 1.7或更高版本。另外，请将JQuery文件放在AngularJS文件上方。@jme11我按照您的说明操作，但是我仍然无法在屏幕上看到汉堡图标来单击并查看导航菜单。您是否添加了页面样式？添加缺少的javascript也无助于解决问题：（就像@jme11所说的，在调用JQuery 1.7或更高版本时，请确保您使用的是JQuery 1.7或更高版本。我已经实现了JQuery 1.7.2，但它仍然没有显示出来。您需要在外部调用菜单触发器，因为它不是由插件提供的。要添加菜单触发器，请检查我答案中的编辑。

<div class="header">
    <a href="#menu"></a>
</div>

.header a{
   background: center center no-repeat #333;
   background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
   display: block;
   width: 40px;
   height: 40px;
   position: absolute;
   top: 0;
   left: 10px;
}