javascript - Bootstrap隐藏下拉菜单时出现的白色背景如何去掉？

Question

我正在使用 Bootstrap 3.3.4

我有以下 HTML 代码。

<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
      <ul class="nav navbar-nav">
        <li class="projects" class="dropdown"><a class="dropdown-toggle projects" data-toggle="dropdown" href="#"><span class="projects">Projects</span></a>
          <ul id="projects-menu" class="dropdown-menu">
            <li><a href="/prj/pages/project/projectList.html">List</a></li>
            <li><a href="/prj/pages/project/createNewProject.html">Add new project</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</nav>

现在使用 jQuery，我隐藏了主菜单 'Projects' 下的子菜单，如下所示:

$(document).ready(function() {
  $("ul#projects-menu").children().hide();
});

菜单被隐藏，但菜单下方出现一个我不想要的白色小背景。为了更好地理解我的问题，请引用下图。在此图像中，您可以看到“元素” 菜单下方出现的白色背景。

有人可以在这方面帮助我吗？

谢谢。

Answer 1

尝试以下操作:

$(document).ready(function() {
  $("ul#projects-menu").hide();
});

隐藏meniu而不是li的