Question

我正在使用Bootstrap构建this网站，其中有一个下拉菜单，位于＆＃34; Projects＆＃34;它在桌面PC上运行良好，但在移动设备上却是这样的：触摸时按钮打开，菜单＆＃34; Projects＆＃34;但是当点击其中一个子菜单项时，它什么都不做，只有第二次点击最终会打开所需的子菜单项。这意味着，您必须单击两次才能打开令人讨厌的子菜单链接。

以下是 HTML 代码：

    <div class="collapse navbar-collapse" id="myNavbar">
  <ul class="nav nav-pills nav-stacked">     
   <li class="dropdown">
      <a href="#" id="myTabDrop1" class="dropdown-toggle" data-toggle="dropdown">PROJECTS</a>
        <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1">
          <li><a href="#napoli" tabindex="-1" data-toggle="tab">NAPOLI</a></li>
          <li><a href="#portraits" tabindex="-1" data-toggle="tab">PORTRAITS</a></li>
        </ul>
    </li> 
    <li><a href="#bio" data-toggle="tab">BIO</a></li> 
    <li><a href="#contact" data-toggle="tab">CONTACT</a></li>
    <li><a href="#blablabla" data-toggle="tab">BLABLABLA</a></li>
  </ul>
</div>

任何人都可以在这里帮忙吗？

Answer 1

不确定这是一个问题，但请尝试添加此规则：

.dropdown-backdrop {
  z-index: -1;
}

下拉在移动设备上工作奇怪

1 个答案: