Bootstrap Оправданный Nav Bar

Question

поэтому я сделал оправданное навигационную панель с этим кодом:

  <nav> 
      <ul class="nav nav-tabs nav-justified"> 
      <li class="active"><a href="#">Seite 1</a></li> 
      <li><a href="#">Seite 2</a></li> 
      <li><a href="#">Seite 3</a></li> 
      <li><a href="#">Seite 4</a></li> 
      <li><a href="#">Seite 5</a></li> 
      <li><a href="#">Seite 6</a></li> 
      </ul> 
     </nav> 

И это Js Код:

$(".nav ul li").on("click", function(){ 
    $(".ul").find(".active").removeClass("active"); 
    $(this).parent().addClass("active"); 
}); 

Но когда я нажимаю на элементы в списке, они greyscaled, но там нет этой линии вокруг них, кто-нибудь знает, как ее исправить? С наилучшими пожеланиями Azoni

Edit: Это должно выглядеть как и левая, но выглядит как право одного: http://imgur.com/a/2RSvJ

Answer 1

Вы пытаетесь выбрать ul внутри элемента с классом .nav, который сам по себе является ul. Кроме того, вы добавляете класс в неправильный элемент, родительский элемент li, который является ul, а не li. Более того, вы можете просто удалить его из всех, а не сначала найти только активный.

I.e. сделайте это:

$(".nav li").on("click", function(){ 
    $(".nav li").removeClass("active"); 
    $(this).addClass("active"); 
});