iphone - Twitter Bootstrap 子导航关闭而不是激活 iPhone 上的链接

Question

我的网站上有以下导航

<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <button type="button" class="btn btn-navbar pull-right" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="brand" href="/"><span class="icon-chevron-up icon-medium"></span> Rocky Mountain Arts</a>
            <div class="nav-collapse collapse">
                <ul class="nav">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Gallery <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="/Gallery" class="pjax">For Sale</a></li>
                            <li><a href="/Gallery/Sold" class="pjax">Sold</a></li>
                            <li><a href="/Gallery/PrivateCollection" class="pjax">Private Collection</a></li>
                        </ul>
                    </li>
                    <li><a href="/About" class="pjax">About The Artist</a></li>
                    <li><a href="/Contact" class="pjax">Contact</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

当我在桌面上查看该网站时，我看到了预期的所有内容，并且可以导航所有链接。

但是:当我在 iPhone 上加载该网站时，按切换折叠按钮，然后展开下拉列表，我无法单击该网站中的任何子链接下拉菜单，而不是菜单关闭并激活“关于”或“联系”链接。

我该如何解决这个问题？

Answer 1

感谢@MiikaL 的评论。看起来这是一个在 Github 上提交的错误，但没有人真正在官方源代码中解决。

https://github.com/twitter/bootstrap/issues/4550

这可以在 github 组件演示页面上复制
http://twitter.github.com/bootstrap/components.html#buttonDropdowns

有人在这方面提供了有用的信息，“黑客”解决方案似乎是

// Fixes sub-nav not working as expected on IOS
$('body').on('touchstart.dropdown', '.dropdown-menu', function (e) { e.stopPropagation(); });