Javascript 如何删除在引导中隐藏下拉菜单时出现的白色背景？

我正在使用引导程序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>

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

有人能在这方面帮助我吗

谢谢。

尝试以下方法：

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

隐藏meniu而不是li的

尝试以下操作：

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

$('#projects-menu > li > a').on('click', function() {  
    $(this).children('#projects-menu').hide();
});

藏起梅牛而不是李的

$('#projects-menu > li > a').on('click', function() {  
    $(this).children('#projects-menu').hide();
});

您也可以这样做

$(this).find("#projects-menu > li").hide();

您也可以这样做

$(this).find("#projects-menu > li").hide();

---

如果要隐藏子菜单，则需要隐藏该子菜单的父菜单。只需从Jquey中删除.children（）即可解决此问题。如果要隐藏子菜单，则需要隐藏该子菜单的父菜单。只需从Jquey中删除.children（）即可解决此问题