2

我的网站上有以下导航

<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 上加载网站时,按下toggle collapse按钮然后展开dropdown,我无法单击下拉菜单中的任何子链接,而是关闭菜单并激活“关于”或“联系人”链接反而。

我怎样才能解决这个问题?

4

2 回答 2

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(); });
于 2012-12-03T16:36:10.277 回答
1

这个问题最终在最新的 Twitter Bootstrap 2.2.2 版本中得到修复:

您可以在此处阅读有关 2.2.2 中更改日志的简短摘要:http: //forwebonly.com/things-you-should-know-about-twitter-bootstrap-2-2-2/

于 2013-01-25T03:20:38.983 回答