1
我有一個簡單的(幾乎直接從文檔)下拉菜單使用Bootstrap的下拉菜單功能。Twitter 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。
任何想法爲什麼會立即關閉?