Javascript 如何在单击后退按钮之前保持下拉引导可见

我正在使用引导中的下拉功能。我希望菜单在单击后退按钮之前仍然可见。它看起来一定像一个开关。如果我们想查看列表，我们必须单击按钮，并将其隐藏回去。尽管我们在列表按钮的外部和内部单击，它仍然打开

   <h2>Click the dropdown button </h2>
   <p>It will stay open unless clicked again to close </p>

<div class="dropdown keep-open">
    <!-- Dropdown Button -->
    <button id="dLabel" role="button" href="#"
       data-toggle="dropdown" data-target="#" 
       class="btn btn-primary">
        Dropdown <span class="caret"></span>
    </button>

<!-- Dropdown Menu -->
<ul class="dropdown-menu" role="menu" 
    aria-labelledby="dLabel">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a href="#">Separated link</a></li>
</ul>

单击下拉按钮
它将保持打开状态，除非再次单击以关闭

下拉列表

我需要打开和关闭下拉菜单，仅从按钮

我这样做了，但当我在内部列表中单击时，它仍然会隐藏列表。

以下是解决方案

当引导在

hide dropdown

上失败时，会发送Click事件，并根据建议再次调用

hide dropdown

只需将其添加到代码中

$('.keep-open #dLabel').on({
  "click": function() {
    $(this).parent().attr('closable', true );
  }
})