ブートストラップ詰めナビゲーションバー

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"); 
}); 

しかし、私は、リスト内のアイテムをクリックしたとき、彼らはグレーススケーリングされていますが、その周りにはこの線がありません。それを修正する方法は誰にも分かりますか？ 敬具Azoni

編集：それは1つ左のように見えるが、右のいずれかのように見えるはずです：あなたは、それ自体がulあるクラス.navと要素内ulを選択しようとしているhttp://imgur.com/a/2RSvJ

Answer 1

。さらに、liの代わりにulであるliの親である間違った要素にクラスを追加しています。さらに、唯一のアクティブなものを最初に見つけるのではなく、すべてから削除することができます。

I.e.これを行う：

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