Question

我使用bootstrap的下拉功能。我希望菜单仍然可见，直到我单击后退按钮。它必须看起来像一个开关。如果我们想要查看列表，我们必须单击按钮，并将其隐藏起来。它仍然打开，虽然我们点击外部和列表按钮的内部。

   <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这个，但是当我点击内部列表时它仍会隐藏列表。

Answer 1

这是解决方案

<强> Fiddle

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

事件在hide dropdown上失败时发送，当author

建议另一次调用hide dropdown时，会发送点击事件

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

即可

在点击按钮之前，如何保持下拉引导程序可见

1 个答案: