Bootstrap3子菜單隱藏onclick子項

Question

當我點擊子菜單項時我的菜單關閉，如果我碰巧子菜單項。請讓我知道如何避免這種情況。 實際上，「打開」類會在點擊子項上刪除。

<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()通過將其與子菜單項上的click事件綁定來覆蓋默認行爲。