Javascript 引导子菜单不工作
我正在使用bootstrap创建我的导航菜单，它工作正常，但当我单击第二个链接web design and packages中显示的服务下拉菜单时，当我单击此其他菜单时，不会显示当前子菜单，并且当前子菜单也会消失，这也在移动视图中。我已经搜索了很多网站，但仍然面临这个问题 在stackoverflow网站上，有人要求将bootstrap.min.js文件中的字符串“ontouchstart”更改为“disable ontouch start”，但仍然不起作用 我试图添加引导的mxcdn文件，但它不起作用 如果有人知道问题出在哪里，请帮助我Javascript 引导子菜单不工作,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我正在使用bootstrap创建我的导航菜单，它工作正常，但当我单击第二个链接web design and packages中显示的服务下拉菜单时，当我单击此其他菜单时，不会显示当前子菜单，并且当前子菜单也会消失，这也在移动视图中。我已经搜索了很多网站，但仍然面临这个问题 在stackoverflow网站上，有人要求将bootstrap.min.js文件中的字符串“ontouchstart”更改为“disable ontouch start”，但仍然不起作用 我试图添加引导的mxcdn文件，但它
<!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 and 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> IT 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>
我相信Bootstrap3取消了多级下拉菜单。看起来您已经合并了自己的定制CSS来实现这一点，使用了multivel
和sub-menu-level1
等类。你也需要发布CSS。这个片段可能很有用：@briangleson IBM感谢您给我的建议。请告诉我，当我使用它时，它是否可以在移动设备上工作？