Menu mmenu not displaying with jquery mobile -
i using jquery ui autocomplete jquery mobile. in presence of these 2 libraries .mmenu
displays nothing.
i create menu using code:
$(document).ready(function() { var mmenu = $("#mcba-menu").mmenu({}).data('mmenu'); $('a').click(function(ev) { ev.preventdefault(); mmenu.open(); }); });
my header is:
<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>
body code is:
<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>
![result page ][1]
in body code, use div
tag instead of nav
. given below
<div id="mcba-menu"> <ul> <li><a href="#">home</a></li> <li><a href="#">contact</a></li> </ul> </div>
Comments
Post a Comment