Question

我有一个导航，其中活动框应为黑色，非活动框为白色，但它们都保持白色。我试图得到它，所以说你按下第4个方框，所有通往第4个方框的方框都会变成黑色。

.nav__link--active .nav__link-bullet{
    -webkit-animation: bounce .40s linear;
    animation: bounce .40s linear;
    background-color: black;
}

似乎被

覆盖了

.nav__link-bullet{
    display: block;
    height: 20px;
    width: 20px;
    background-color: white;
}

但我似乎无法让它正常工作。

Answer 1

在您的javascript文件中，您必须定义导航元素的click事件，以删除所有active类并使div父级激活

   $('.nav__link a').click(function(){
       $('.nav__link').removeClass('nav__link--active')
       $(this).parent().addClass('nav__link--active');

   })

以下是 jsBin

的示例

div的背景不改变

1 个答案: