Подзаголовок Bootstrap3 скрыть onclick sub items

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() перезаписывать поведение по умолчанию, связывая его с событием щелчка по пункту подменю.