javascript - bootstrap submenu is not working -
i using bootstrap create navigation menu working fine when click on services dropdown menu displayed in second link web design , packages when click on other menu not show , current submenu disappear , on mobile view. have searched many websites still facing problem.
on stackoverflow website asking changing string "ontouchstart" "disable-ontouch start" in bootstrap.min.js file still not working.
i tried add mxcdn files of bootstrap not working.
please me if knows problem
<!doctype html> <html lang="en"> <head> <meta charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>untitled document</title> <!-- latest compiled , minified css --> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <!-- jquery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <!-- latest compiled javascript --> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> </head> <body> <!-- menu --> <div class="menu_main"> <div class="navbar yamm navbar-default"> <div class="container"> <div class="navbar-header"> <div class="navbar-toggle .navbar-collapse .pull-right " data-toggle="collapse" data-target="#navbar-collapse-1" > <span>menu</span> <button type="button" > <i class="fa fa-bars"></i></button> </div> </div> <div id="navbar-collapse-1" class="navbar-collapse collapse pull-right"> <ul class="nav navbar-nav"> <li><a href="index.html" class="active"><i class="fa fa-home"></i> home</a></li> <li class="dropdown"> <a href="#" data-toggle="dropdown" class="dropdown-toggle"><i class="fa fa-life-ring"></i> services</a> <ul class="dropdown-menu multilevel" role="menu"> <li class="dropdown"><a href="#">web design packages<i class="fa fa-angle-right"></i></a> <ul class="dropdown-menu sub-menu-level1" > <li><a href="cms_website.html">cms website</a></li> <li><a href="e_commerce.html">e-commerce website</a></li> <li><a href="dynamic_website.html">dynamic website</a></li> <li><a href="website_redesigning.html">website redesigning</a></li> <li><a href="web_hosting.html">web hosting</a></li> <li><a href="bespoke_web.html">bespoke web development </a></li> </ul> </li> <li class="dropdown"><a href="#">e-marketing<i class="fa fa-angle-right"></i></a> <ul class="dropdown-menu sub-menu-level1"> <li><a href="seo.html">search engine optimization (seo)</a></li> <li><a href="pay_per_click.html">pay per click (ppc)</a></li> <li><a href="social_media.html">social media marketing</a></li> <li><a href="e_marketing.html">e-marketing strategy</a></li> <li><a href="competitive_analysis.html">competitive analysis</a></li> <li><a href="content_writing.html">website content writing </a></li> <li><a href="web_video.html">web marketing video </a></li> <li><a href="logo_designing.html">logo designing </a></li> <li><a href="borchure_designing.html">brochure designing</a></li> </ul> </li> <li class="dropdown"><a href="#">software development<i class="fa fa-angle-right"></i></a> <ul class="dropdown-menu sub-menu-level1"> <li><a href="desktop_application.html">desktop applications</a></li> <li><a href="database_administration.html">database administration</a></li> <li><a href="rfid_tracking.html">rfid tracking system</a></li> <li><a href="system_integration.html">system integration</a></li> <li><a href="erp_solution.html">erp solutions</a></li> </ul> </li> <li class="dropdown"><a href="#">app development<i class="fa fa-angle-right"></i></a> <ul class="dropdown-menu sub-menu-level1" > <li><a href="iphone_app.html">iphone apps</a></li> <li><a href="android_app.html">android apps</a></li> </ul> </li> </ul> </li> <li class="dropdown"> <a href="#" data-toggle="dropdown" class="dropdown-toggle"><i class="fa fa-life-ring"></i> support</a> <ul class="dropdown-menu multilevel" role="menu"> <li><a href="it_crawley.html">it support crawley</a></li> <li><a href="it_horsham.html">it support horsham</a></li> <li><a href="it_littlehampton.html">it support littlehampton</a></li> <li><a href="it_chichester.html">it support chichester</a></li> <li><a href="it_redhill.html">it support redhill</a></li> <li><a href="it_worthing.html">it support worthing</a></li> </ul> </li> <li class="dropdown"> <a href="#" data-toggle="dropdown" class="dropdown-toggle"><i class="fa fa-thumbs-up"></i> consultancy</a> <ul class="dropdown-menu" role="menu"> <li><a href="software_consultancy.html">software consultancy</a> </li> <li><a href="deployment_services.html">deployment service</a> </li> <li><a href="technical_support.html">techincal support</a> </li> </ul> </li> <li class="dropdown"> <a href="#" data-toggle="dropdown" class="dropdown-toggle"><i class="fa fa-life-ring"></i> price & packages</a> <ul class="dropdown-menu multilevel" role="menu"> <li class="dropdown"><a href="#">web design packages<i class="fa fa-angle-right"></i></a> <ul class="dropdown-menu sub-menu-level1"> <li><a href="basic.html">basic</a></li> <li><a href="starter.html">starter</a></li> <li><a href="small-business.html">small business</a></li> <li><a href="small-business1.html">small business +</a></li> <li><a href="ecom.html">ecommerce</a></li> <li><a href="cms1.html">content management </a></li> </ul> </li> <li><a href="seo_packages.html">seo packages</a></li> <li><a href="smo_packages.html">smo packages</a></li> <li><a href="ppc_packages.html">ppc packages</a></li> </ul> </li> <li> <a href="portfolio.html"><i class="fa fa-file-image-o"></i> portfolio</a> </li> <li class="dropdown"> <a href="http://www.digitechitsolutions.co.uk/blog/" class="dropdown-toggle"><i class="fa fa-comment"></i> blog</a> </li> <li> <a href="contact_us.html"><i class="fa fa-phone"></i> contact</a> </ul> </div> </div> </div> </div> <!-- end menu --> </body> </html>
Comments
Post a Comment