Bootstrap3サブメニューサブクラスを非表示にする

Question

サブメニュー項目をクリックすると、サブメニュー項目がクリックされると、メニューが閉じられます。どうすればこれを避けることができますか教えてください。 実際に "open"クラスはサブアイテムをクリックすると削除されます。

<ul class='wraplist' style="height: auto"> 
    <li class=""> 
     <a href="javascript:;"> 
      <i class="fa fa-home"></i> 
      <span class="title">{{app.translateByLocale('menu_home')}}/span> 
      <span class="arrow "></span> 
     </a> 
     <ul class="sub-menu"> 
      <li submenu ng-show="app.checkOffSectionConfig('app_home')"> 
       <a href="#" ui-sref="app.home">{{app.translateByLocale('menu_home_dashboard')}}</a> 
      </li> 
      <li submenu ng-show="app.checkOffSectionConfig('app_statistic')"> 
       <a href="#" ui-sref="app.statistic">{{app.translateByLocale('menu_home_statistics')}}</a> 
      </li> 
     </ul> 
    </li> 
</ul> 

Answer 1

e.preventDefault()を使用すると、デフォルトの動作をサブメニュー項目のクリックイベントでバインドして上書きすることができます。