javascript - 如何在文档就绪功能中使用 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 and Add new project。

我希望这在文档就绪函数中完成。您可以将特定的 ID 添加到合适的标签以使其正常工作。

谢谢。

Answer 1

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