jquery - 当我单击超链接时，父 div 消失了。

Question

谁能解释一下为什么当我点击子菜单时，整个区域都消失了？

你可以在这里看到我的 CSS 和 HTML: http://jsfiddle.net/x7ehtscp/

HTML:

<div id="wrap">



<div class="navbar navbar-inverse" role="navigation">
        <div class="container">
          <div class="navbar-header">

            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar first"></span>
              <span class="icon-bar second"></span>
              <span class="icon-bar third"></span>
            </button>

          </div>
          <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-left ">
              <li><a href="#">Home</a></li>
                  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Bla</a>
                      <ul class="dropdown-menu">
                  <div class="yamm-content"> <ul class="nav navbar-nav navbar-left"> <li><a href="#">Bla</a></li> <li><a href="#">Bla</a></li> <li><a href="#">Bla</a></li> <li><a href="#">Bla</a></li> </ul></div>
                </li>
              </ul>
              <li><a href="#">Bla</a></li>
              <li><a href="#">Bla</a></li>
            </ul>

        </div><!--/.navbar-collapse -->

      </div>
    </div>

Answer 1

您可以使用 stopPropagation() 来防止子菜单关闭:

$('.dropdown .navbar-left a').click(function(e) {
  e.stopPropagation();
});

Fiddle

在 Fiddle 中，我还添加了 preventDefault() 以防止遵循 # 目标，这不需要保持子菜单打开。