ブートストラップドロップダウン - クリック後に消える

Question

ボディやナビゲーションバーをクリックするとドロップダウンが消えるのを防ぐにはどうすればいいですか？

これはブートストラップのjsファイルに入れる必要がありますか？

HTMLのCODE：助けを

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
     <ul class="nav navbar-nav"> 
     <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li> 
     <li><a href="#">Link</a></li> 
     <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a> 
      <ul class="dropdown-menu" role="menu"> 
      <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> 
      <li class="divider"></li> 
      <li><a href="#">One more separated link</a></li> 
      </ul> 
     </li> 
     </ul> 
    </div> 

本当にありがとうございました。ここで

Answer 1

がソリューションです：

//Attaching event handler to .dropdown selector. 
$('.dropdown').on({ 

    //fires after dropdown is shown instance method is called.(if you click //anywhere else) 
    "shown.bs.dropdown": function() { this.close= false; }, 

    //when dropdown is clicked 
    "click": function() { this.close= true; }, 

//when close event is triggered 
    "hide.bs.dropdown": function() { return this.close; } 
}); 

私は解決策のためのカイルに入金う、ここで彼のjsfiddleのリンクです： https://jsfiddle.net/KyleMit/ZS4L7/