Question

如果您查看以下网站：rosslote.eu，您会看到一个名为“setup”的菜单项。此菜单项有一个下拉列表。下拉列表在桌面上完美运行，但只要将其下载到移动设备上，设置下拉列表中的链接就会停止工作。他们唯一做的就是崩溃下拉。

以下是代码：

<ul class="top-level nav">
    <li class="dropdown ">
    <a href="#" class="dropdown-toggle " data-toggle="dropdown">setup<b class="caret"></b></a>
    <ul class="level-1 dropdown-menu">
        <li><a href="/#/">database</a></li>
        <li><a href="/#/">info</a></li>
        <li><a href="/#/">images</a></li>
        <li><a href="/opening-times/">opening times</a></li>
        <li><a href="/google/">google</a></li>
        <li><a href="/meta/">meta</a></li>
        <li><a href="/article-editor/">main article</a></li>
    </ul>
</li>
<li><a href="/plugins/">plugins</a></li>
</ul>

我在页面底部尝试了以下脚本：

<script>
$('.dropdown-menu a').on('click', function(event){
    event.stopPropagation();
});
$('.dropdown-menu li').on('click', function(event){
    event.stopPropagation();
});
</script>

同样，这可以在我的桌面上实现所需的结果，但不能在移动设备上实现。

Answer 1

你必须包含bootstrap-responsive.css，因为bootstrap-combined不包含它

Bootstrap Dropdown链接无法正常运行

1 个答案: