Как отключить многоуровневое раскрытие бутстрапа?

Question

Я хочу, чтобы у пользователя было возможность выбрать все в рамках морфологической трансформации (эрозия, дилатация, открытие, закрытие), но не «морфологическое преобразование». Спасибо за каждый ответ!

HTML код:

<div class="container"> 
<div class="row"> 
    <hr> 
    <div class="dropdown"> 
     <a id="dLabel" role="button" data-toggle="dropdown" class="btn btn-primary" data-target="#" href="/page.html"> 
      Select Pre-Processing Method <span class="caret"></span> 
     </a> 
     <ul class="dropdown-menu multi-level" role="menu" aria-labelledby="dropdownMenu"> 
      <li><a href="#">Normalisation</a></li> 
      <li><a href="#">Canny Edge Detection</a></li> 
      <li><a href="#">Smoothing</a></li> 
      <li><a href="#"></a></li> 
      <li class="divider"></li> 

... 
      <li class="dropdown-submenu"> 
      <a tabindex="-1" href="#">Morphological Transformation</a> 
      <ul class="dropdown-menu"> 
       <li><a>Erosion</a></li> 
       <li><a>Dilation</a></li> 
       <li><a>Opening</a></li> 
       <li><a>Closing</a></li> 
      </ul> 
      </li> 

    ... 


      </ul> 
      </li> 
     </ul> 
    </div> 
</div> 

Answer 1

Вы можете отключить якорные события и держать парения эффекты с помощью этого:

.disabled-link:hover{ 
 
    background: red; 
 
} 
 

 
.disabled-link:active{ 
 
    pointer-events: none; 
 
}

<a href="www.google.com" class="disabled-link">Test</a>

Это использовать для всех современных браузеров: click!