Bootstrap下拉菜单-单击后消失[重复]

Question

当我点击正文或导航栏时，如何防止下拉菜单消失？

这是我当前的 HTML：

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  <ul class="nav navbar-nav">
    <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
    <li><a href="#">Link</a></li>
    <li class="dropdown">
      <a href="#" class="dropdown-toggle" 
         data-toggle="dropdown" role="button" aria-expanded="false">
           Dropdown <span class="caret"></span>
      </a>
      <ul class="dropdown-menu" role="menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
      </ul>
    </li>
  </ul>
</div>

Answer 1

这是来自Keep Bootstrap Dropdown Open When Clicked Off 的 KyleMit 的解决方案：

//Attaching event handler to .dropdown selector.
$('.dropdown').on({

    //fires after dropdown is shown instance method is called (if you click anywhere else)
    "shown.bs.dropdown": function() { this.close= false; },

    //when dropdown is clicked 
    "click": function() { this.close= true; },

    //when close event is triggered
    "hide.bs.dropdown":  function() { return this.close; }
});