代码之家 › 专栏 › 技术社区 › Marcello

移动设备上的下拉菜单功能很奇怪

touchscreen twitter-bootstrap html android javascript

Marcello · 技术社区 · 11 年前

我在建造 this 带有Bootstrap的网站,其中“项目”下有一个下拉菜单,在桌面PC上工作正常,但在移动设备上是这样的:按钮一触即打开,菜单“项目”也会打开,但当点击其中一个子菜单项时,它什么都不做,只需再次点击,最终将打开所需的子菜单项。这意味着,你必须单击两次才能打开一个令人讨厌的子菜单链接。

这是 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>

有人能帮忙吗?