Question

我使用Bootstrap的下拉菜单功能有一个简单的（几乎直接来自文档）下拉菜单。

<div class="btn-group">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Menu<span class="caret"></span></a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    <li><a href="http://www.google.com">Tickets</a></li>
    <li><a href="http://www.google.com">Gift Shop</a></li>
    <li><a href="http://www.google.com">Event Info</a></li>
  </ul>
</div>

我正在加载脚本：

<script src="/assets/js/vendor/modernizr-2.6.2.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript" src="/assets/js/jquery.handlers.js"></script>
<script type="text/javascript" src="/assets/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="/assets/js/bootstrap.js"></script>
<script type="text/javascript" src="/assets/js/home-animations.js"></script>

如果我缩放浏览器（Chrome），则菜单会打开并运行。在设备上（iPhone 4S主要用于测试）菜单打开但在触摸时立即关闭。我尝试将菜单放在页面上的不同位置，因此它不是zindex问题。我刚刚获得了包含所有插件的最新版Bootstrap，包括bootstrap.dropdown。

任何想法为什么会立即关闭？

Answer 1

这是一个错误，它将在2.2.2中修复。在这里找到了一个临时解决方案：

http://alittlecode.com/fix-twitter-bootstraps-dropdown-menus-in-touch-screens/

Twitter Bootstrap菜单无法响应Touch

1 个答案: