我在移动设备(Bootstrap 2)上的Bootstrap菜单下拉列表出现问题.这里有一个类似的问题,带有下拉按钮,但是答案就是引导程序中的一个固有错误,它在更新中得到了解决.我似乎有同样的问题所以也许这取决于我的标记?
我有一个带有下拉菜单的可折叠导航栏,一切都在桌面浏览器上完美运行.但是,在移动设备上,当您点击下拉列表时,下拉菜单会打开,但点击任何下拉链接只会再次折叠下拉菜单 - 无法访问链接.我尝试了各种bootstrap版本,无法纠正这个问题,所以我只能想象它是我的标记.这里是:
<header class="navbar">
<div class="navbar-inner">
<div class="container">
<a href="#"><h1>Branding</h1></a>
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> Menu </button>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="#">Menu Item 1</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu Item 2 (Dropdown)<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Dropdown Item 1</a></li>
<li><a href="#">Dropdown Item 2</a></li>
<li><a href="#">Dropdown Item 3</a></li>
<li><a href="#">Dropdown Item 4</a></li>
</ul>
</li>
<li><a href="#">Menu Item 3</a></li>
<li><a href="#">Menu Item 4</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</header>
Run Code Online (Sandbox Code Playgroud)
这是一个复制代码的例子(抱歉,无法发送网站):http://jsfiddle.net/yDjw8/1/ …
更新到Twitter的引导2.0(这是真棒)后,导航链接内的子菜单不起作用.
jQuery是1.7.1.Dropdown实际上是有效的,并且标记是正确的(根据文档):
<!-- start navbar -->
<div class="navbar navbar-fixed-top" id="navbar">
<!-- start navbar-inner -->
<div class="navbar-inner">
<!-- start container-fluid -->
<div class="container-fluid">
<?php echo anchor('home', 'SCAA', array('class' => 'brand')); ?>
<ul class="nav">
<li class="dropdown" data-toggle="dropdown">
<?php echo anchor('#', 'Inscripciones <span class="caret"></span>', array('class' => 'dropdown-toggle', 'data-toggle' => 'dropdown')); ?>
<ul class="dropdown-menu">
<li><?php echo anchor('inscriptions/add', 'Nueva Inscripción'); ?></li>
<li class="divider"></li>
<li><?php echo anchor('inscriptions', 'Mostrar Todas'); ?></li>
</ul>
</li>
</ul>
<!-- end nav -->
</div>
<!-- end container-fluid -->
</div>
<!-- …Run Code Online (Sandbox Code Playgroud)