[英]Twitter-Bootstrap responsive navbar dropdown sub-links are unclickable on tablet
使用平板电脑时,我无法获得响应式导航栏中下拉菜单中的链接以单击。 这在桌面浏览器中可以正常工作,但是在平板电脑上,当您单击链接时,下拉列表将关闭,并且没有任何反应。 我将在下面发布代码,但您也可以在jsfiddle http://jsfiddle.net/Tapf9/中看到它。 我在应用程序中使用bootstrap v2.3.2最小版本。
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="~/">Company x</a>
<div class="nav-collapse">
<ul class="nav">
<li class="navHome"><a href="~/"><i class="icon-home icon-white"></i> Home</a></li>
<li class="dropdown"><a class="navInst dropdown-toggle" data-toggle="dropdown">DropDown1<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="~/x/Create" >Create</a></li>
<li><a href="~/x">Search</a></li>
</ul>
</li>
<li class="dropdown "><a class="navServ dropdown-toggle" data-toggle="dropdown" href="~/ServiceTicket">DropDown2<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="~/y/Create">Create</a></li>
<li><a href="~/y">Search</a></li>
</ul>
</li>
<li class="dropdown "><a class="navPm dropdown-toggle" data-toggle="dropdown" href="~/PmTicket">DropDown3<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="~/z/Create">Create</a></li>
<li><a href="~/z">Search</a></li>
</ul>
</li>
<li id="logout"><a href="#">Logout</a></li>
</ul>
</div><!-- /.nav-collapse -->
</div><!-- /.container -->
</div><!-- /.navbar-inner -->
</div><!-- /.navbar -->
我在这里想念什么?
据我所知,并非所有平板电脑都存在此问题。 它可以在ipad上运行,但不能在我的panasonic平板fz-a1上运行。 我发现平板电脑正在注册链接点击事件,以涵盖导致其重新加载的整个导航栏。 我升级到了引导程序3,并修改了我的应用程序类选择器以使其匹配,这似乎已经解决了问题。 现在它正在运行。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.