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

Posted 2023-03-16

【中文标题】jquery.mmenu 不能使用完全相同的演示代码

【英文标题】：jquery.mmenu not working with exact same demo code

【发布时间】：2015-02-08 04:57:52

【问题描述】：

http://mmenu.frebsite.nl/

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

它给出的错误是 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>

【问题讨论】：

您好 Cerlin，感谢您的快速回复。是的，jquery 已附加。它在本地也可以正常工作

你已经包含了两个 jquery。删除第一个

刚刚删除并上传，但仍然无法正常工作：/

检查 mmenu js 文件是否为 404。

你必须检查的是；如果 jquery 已正确初始化（使用console.log($) 记录和检查。您也可以使用jQuery 而不是$），则插件已正确初始化并且'nav#menu' 元素实际上存在

【参考方案1】：

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