javascript - jquery.mmenu 不能使用完全相同的演示代码

Question

http://mmenu.frebsite.nl/

1. 本地版本的菜单有效
2. 上传到我的服务器时不起作用。但是，它附带的演示版本仍然有效...

它给出的错误是 Uncaught TypeError: undefined is not a function for the .mmenu() function

<script type="text/javascript">
            $(function() {
                $('nav#menu').mmenu();
            });
</script>

函数定义在

<link type="text/css" rel="stylesheet" href="jQuery.mmenu-master/src/css/jquery.mmenu.all.css" />

AND jquery 也附上

有什么想法吗？

编辑:以下是我的标题信息(以防万一)

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=yes" />

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/style.css">
    <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>

    <link type="text/css" rel="stylesheet" href="css/demo.css" />
    <link type="text/css" rel="stylesheet" href="jQuery.mmenu-master/src/css/jquery.mmenu.all.css" />


    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="jQuery.mmenu-master/src/js/jquery.mmenu.min.all.js"></script>
    <script type="text/javascript">
        $(function() {
            $('nav#menu').mmenu();
        });
    </script>

Answer 1

使用他们网站上托管的 java 脚本和 css 而不是示例中的一个，而且您似乎需要使用以下类 mm-current 装饰元素