Javascript jquery.mmenu无法使用完全相同的演示代码
Javascript jquery.mmenu无法使用完全相同的演示代码,javascript,jquery,function,mmenu,typeerror,Javascript,Jquery,Function,Mmenu,Typeerror,菜单的本地版本有效 上载到我的服务器时不工作。然而,它附带的演示版仍然可以工作 它给出的错误是未捕获的TypeError:undefined不是.mmenu()函数的函数 $(函数(){ $('nav#menu').mmenu(); }); 但是,该函数是在中定义的 <link type="text/css" rel="stylesheet" href="jQuery.mmenu-master/src/css/jquery.mmenu.all.css" /> 并附上jque
$(函数(){
$('nav#menu').mmenu();
});
但是,该函数是在中定义的
<link type="text/css" rel="stylesheet" href="jQuery.mmenu-master/src/css/jquery.mmenu.all.css" />
并附上jquery
有什么想法吗
编辑:以下是我的标题信息(以防有帮助)
$(函数(){
$('nav#menu').mmenu();
});
使用他们网站上托管的java脚本和css,而不是示例中的脚本。您似乎需要使用以下类mm current来装饰元素。Hi Cerlin,感谢您的快速响应。是的,附加了jquery。它在本地运行得很好,因为您已经包含了两个jquery。删除刚刚删除并上传的第一个文件,但仍然不起作用:/check如果mmenu js文件是404,您需要检查的是;如果jquery被正确初始化(使用console.log($)
来记录和检查。您也可以使用jquery
而不是$
),插件被正确初始化并且'nav#menu'
元素实际存在
<link type="text/css" rel="stylesheet" href="jQuery.mmenu-master/src/css/jquery.mmenu.all.css" />
<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>