Bootstrap下拉菜单关闭时，请单击内部

Question

我有以下代码：

function dosomething(id, event){
event.preventDefault();
event.stopPropagation();
// dosomething
}

<div class="btn-group">
   <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="toggle">click</a>
   <ul class="dropdown-menu options_drop pull-right">
      <li><a href="javascript:void(0);" onclick="dosomething(111,event)">do some thing1</a></li>
      <li><a href="javascript:void(0);" onclick="dosomething(111,event)">do some thing2</a></li>
   </ul>
</div>

我使用下拉下拉列表，但是当我单击两个 li 标签之一时，下拉列表不会自动隐藏。请帮助我解决这个问题，

谢谢所有

Answer 1

假设您要隐藏所有li在每次点击上，请尝试以下操作：

$("ul li").click(function () {
   $("li").hide("slow")
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="btn-group">
   <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="toggle">click</a>
   <ul class="dropdown-menu options_drop pull-right">
      <li><a href="javascript:void(0);">do some thing1</a></li>
      <li><a href="javascript:void(0);">do some thing2</a></li>
   </ul>
</div>