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.dropdown を含むすべてのプラグインが含まれた最新バージョンの Bootstrap を入手しました。
タッチするとすぐに閉じるのはなぜですか？