在单击返回按钮之前如何保持下拉引导程序可见答案

【问题标题】：How keep dropdown bootstrap visible until click back the button在单击返回按钮之前如何保持下拉引导程序可见
【发布时间】：2016-10-28 04:57:42
【问题描述】：

我正在使用引导程序中的下拉功能。我希望菜单仍然可见，直到我单击返回按钮。它必须看起来像一个开关。如果我们想看到列表，我们必须点击按钮，并且将它隐藏回来。尽管我们在列表按钮的外部和内部单击，但它仍然打开。

   <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>

我只需要通过按钮打开和关闭下拉菜单。

我use这个，但是当我点击内部列表时它仍然隐藏列表。

【问题讨论】：

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

解决办法

Fiddle

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

当hide dropdown 上的引导失败并按照author 的建议再次调用hide dropdown 时发送点击事件

只需将其添加到您的代码中

【讨论】：