如何在文档就绪功能中使用jQuery动态隐藏Bootstrap 3.3.4中的下拉菜单？

Question

我正在遵循Bootstrap 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 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代码隐藏下拉菜单，即我想隐藏下拉菜单List和Add new project 。

我希望在准备文档的功能中完成此操作。 您可以将特定的ID添加到合适的标签中，以使事物正常工作。

谢谢。

Answer 1

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