菜单mmenu没有用jquery移动显示
菜单mmenu没有用jquery移动显示
提问于 2015-07-02 06:18:41
我正在使用jQuery用户界面自动完成与jQuery手机。但是在这两个库的存在下，.mmenu什么也不显示。
我使用以下代码创建菜单：
$(document).ready(function() {
var mmenu = $("#mcba-menu").mmenu({}).data('mmenu');
$('a').click(function(ev) {
ev.preventDefault();
mmenu.open();
});
});我的标题是：
<head>
<title>MCBA</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" href="./favicon.ico"></link>
<link href="./resources/css/jquery/jquery-ui.css" rel="Stylesheet"></link>
<link rel="stylesheet" href="./resources/css/jquery/jquery.mobile- 1.4.5.min.css"></link>
<link rel="stylesheet" href="./resources/css/3rdparty/hamburger.css"></link>
<link rel="stylesheet" href="./resources/css/style.css"></link>
<script src="./resources/js/jquery/jquery.js"></script>
<script src="./resources/js/jquery/jquery-ui.js" ></script>
<script src="./resources/js/jquery/jquery.mobile-1.4.5.min.js"></script>
<script src="./resources/js/component.js"></script>
<script src="./resources/js/custome.js"></script>
<script src="http://mmenu.frebsite.nl/mmenu/js/jquery.mmenu.min.all.js?v=5.2.0"></script>
</head> 身体代码是：
<div class="header">
<a href="#mcba-menu"></a>
FLIGHT TRANSFER
</div>
<nav id="mcba-menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>回答 2
Stack Overflow用户
回答已采纳
发布于 2015-07-06 04:53:41
在您的身体代码中，使用div标记而不是nav。如下所示
<div id="mcba-menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>Stack Overflow用户
发布于 2015-07-02 06:24:41
使用此链接加载文件：
https://cdnjs.cloudflare.com/ajax/libs/jQuery.mmenu/5.3.1/js/jquery.mmenu.min.all.js
所以而不是
<script src="http://mmenu.frebsite.nl/mmenu/js/jquery.mmenu.min.all.js?v=5.2.0"></script>你可能会：
<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.mmenu/5.3.1/js/jquery.mmenu.min.all.js"></script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31176871
复制相关文章
相似问题
腾讯云开发者
