2016-10-12 48 views
0

ので、私はこのコードを正当化ナビゲーションバーを作った:ブートストラップ詰めナビゲーションバー

  <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

答えて

0

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

I.e.これを行う:

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

ありがとう! :) – Azoni

+0

*ありがとうございます – Azoni

関連する問題