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

但是当我点击列表中的项目时，它们是灰度的但是它们周围没有这条线，有人知道如何修复它吗？ 最好的问候Azoni

编辑：它应该看起来像左边的那个，但看起来像右边的那个：http://imgur.com/a/2RSvJ

Answer 1

您正在尝试在类ul的元素中选择一个.nav，该类本身就是ul。此外，您还要将该类添加到错误的元素，li的父级ul而不是li。此外，您可以从全部删除它，而不是先找到唯一有效的。

即。这样做：

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