Question

我正在编写导航栏中的导航栏，并且我在导航栏的右侧添加了社交媒体链接，如果点击了链接，则会在新窗口中打开它们。我想让社交媒体链接不会在点击时获得活跃的课程。

<script>
    $(".nav li").click(function() {
        $(".nav li#link1").addClass('active');
        $(".nav li#facebook").removeClass('active');
        $(".nav li#twitter").removeClass('active');
        $(".nav li#google-plus").removeClass('active');
    });
</script>

这是我试过的，但它不起作用，我不知道为什么？ link1，将是该页面的默认活动链接。

{{1}}

Answer 1

试试这个

.box {
    background: #9E9E9E;
    border:black 1px solid;
    width: 180px;
    height:180px;
    margin:0px auto;
    margin-top:0px;
    cursor:pointer;
    display: inline-block;
    float: left;
}

SEE DEMO

Answer 2

试试这个

<script>
    $(".nav li").click(function() {
       $(".nav li").removeClass('active');
       $(this).addClass('active');
    });
</script>

Answer 3

你可以在CSS中实现它，

#navbar ul li#facebook a:hover,#navbar ul li#facebook a:active {
    color: #3b5998 !important;
}

Answer 4

试试这个 -

$(".nav li").click(function() {

   $(".nav li a:active").css('display',null);// discard inline style
   $(".nav li a:active").removeClass('active');//remove pseudo class
   $(".nav li#link1").addClass('active');
 });

从引导程序导航栏链接中删除活动类

4 个答案: