Twitter bootstrap Bootstrap 3.0菜单在移动设备上不起作用
我在Bootstrap3.0中看到一个问题,即当菜单折叠时导航菜单不工作。要查看示例,请转到此处: 我开始觉得我可能缺少Javascript文件或其他东西。我已经在我的iPhone5和iPad上测试了这个网站。在浏览器中查看时,它工作正常 更新:它似乎在Windows手机上运行良好。此外,只有具有下拉列表的项不起作用。没有下拉菜单的链接/按钮Twitter bootstrap Bootstrap 3.0菜单在移动设备上不起作用,twitter-bootstrap,menu,twitter-bootstrap-3,collapse,Twitter Bootstrap,Menu,Twitter Bootstrap 3,Collapse,我在Bootstrap3.0中看到一个问题,即当菜单折叠时导航菜单不工作。要查看示例,请转到此处: 我开始觉得我可能缺少Javascript文件或其他东西。我已经在我的iPhone5和iPad上测试了这个网站。在浏览器中查看时,它工作正常 更新:它似乎在Windows手机上运行良好。此外,只有具有下拉列表的项不起作用。没有下拉菜单的链接/按钮 <header> <div class="row"> <div class="col
<header>
<div class="row">
<div class="col-xs-12 col-md-6">
<img src="@Href("~/img/logo.png")" alt="Apex Energetics">
</div>
<div class="col-xs-12 col-md-6">
@*<form class="form-search">
<input type="text" class="input-medium search-query" placeholder="Search Apex Energetics">
<button type="submit" class="search-btn" >Search</button>
</form>*@
</div>
</div>
<!-- Static navbar -->
<div class="navbar">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="@Href("~/index")">Home</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Apex Complexes <b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="dropdown-toggle">
<a href="@Href("~/products/K-Line_Formulas")">K-Line Formulas</a>
</li>
<li class="dropdown-toggle">
<a href="@Href("~/products/K-plex")"> »K-Line Nutritionals</a>
</li>
<li class="dropdown-toggle">
<a href="@Href("~/products/K-Line_Creams")"> »K-Line Creams</a>
</li>
<li class="dropdown-toggle">
<a href="@Href("~/products/K-Line_Homeopathics")"> »K-Line Homeopathics</a>
</li>
<li class="dropdown-toggle">
<a href="@Href("~/products/Z-plex")">TerrainZyme® Formulas</a>
</li>
<li class="dropdown-toggle">
<a href="@Href("~/products/L-plex")">Cellegion Formula®</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Homeopathics <b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="dropdown-toggle">
<a href="@Href("~/products/antitox")">Antitox®</a>
</li>
<li class="dropdown-toggle">
<a href="@Href("~/products/A-plex")"> -B-Plex</a>
</li>
<li class="dropdown-toggle">
<a href="@Href("~/products/B-plex")"> -B-Plex</a>
</li>
<li class="dropdown-toggle">
<a href="@Href("~/products/C-plex")"> -C-Plex</a>
</li>
<li class="dropdown-toggle">
<a href="@Href("~/products/D-plex")"> -D-Plex</a>
</li>
<li class="dropdown-toggle">
<a href="@Href("~/products/E-plex")"> -E-Plex</a>
</li>
<li class="dropdown-toggle">
<a href="@Href("~/products/N-plex")"> -N-Plex</a>
</li>
<li class="dropdown-toggle">
<a href="@Href("~/products/W-plex")"> -W-Plex</a>
</li>
<li class="dropdown-toggle">
<a href="@Href("~/products/S-plex")">Allertox</a>
</li>
<li class="dropdown-toggle">
<a href="@Href("~/products/R-plex")">RegenRx</a>
</li>
<li class="dropdown-toggle">
<a href="@Href("~/products/G-plex")">Metaboplex</a>
</li>
<li class="dropdown-toggle">
<a href="@Href("~/products/M-plex")">Endotox</a>
</li>
<li class="dropdown-toggle">
<a href="@Href("~/products/flowers")">Flower Combinations</a>
</li>
</ul>
</li>
<li><a href="@Href("~/products/purvela")">Purvela™</a></li>
<li><a href="@Href("~/pages/contact")">Contact Us</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</header>
@*
搜寻
*@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
对我有用。有一个问题是Bootstrap3的下拉菜单有时在触摸屏上不起作用。如果这是你的问题,你可以针对你的折叠下拉按钮移动只有这样
if(navigator.userAgent.match(/Android | BlackBerry | iPhone | iPad | iPod | Opera Mini | IEMobile/i)){}
…并为手机上的下拉菜单添加单独的功能 我把它放在我们的基本(索引)页面上的一个标记中,该页面包含导航栏的HTML。我们的基本页面是站点上每一个其他页面的基础,因此代码总是存在的。否则,请从一个单独的.js文件导入它,该文件加载在navbar所在的任何页面上。然而,我的网站与OP提到的问题相同。那么,后来有没有解决办法?