html - 从 bootstrap 的noclose类中取消

我有下面的列表，这要感谢bootstrapnoclose类，在我单击下拉列表外部之前不会关闭，因此用户可以使用<ul class="dropdown-menu noclose">选择任意多个选项

<div class="btn-group">
  <button id ="seButton" data-toggle="dropdown" class="btn btn-primary dropdown-toggle" data-placeholder="Options">Options<span class="caret"></span></button>
  <ul class="dropdown-menu noclose">
    <li>
      <input type="checkbox" id="ex3_1" name="ex3[]" value="A">
      <label for="ex3_1">A : +/-</label>
    </li>
    <li>
      <input type="checkbox" id="ex3_2" name="ex3[]" value="B">
      <label for="ex3_2">B : +/-</label>
    </li>
    <li>
      <c..d...e...f...g...etc...>
    </li>
    <li role="presentation" class="divider"></li>
    <li style="text-align: center;"> <button id ="submitButton" class="btn btn-success" data-placeholder="SUBMIT">SUBMIT</button> </li>
    <li role="presentation" class="divider"></li>
  </ul>
</div>

这很好，直到我决定在下拉列表中添加一个提交按钮。这个按钮可以工作，它背后的所有javascript功能都很好，但是我不知道如何在单击submit按钮时关闭列表，而不是强制用户在下拉列表之外单击。有什么想法吗？

最佳答案

您可以使用toggle方法切换下拉列表的关闭。
比如：

$("#submitButton").click(function() {
    $(this).closest(".dropdown-menu").dropdown("toggle");
});

关于html - 从 bootstrap 的noclose类中取消，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28618116/