Question

我正在尝试自定义Nivo滑块。我已将这些样式添加到Nivo滑块。这样，控件nav就变成了正方形。

.nivo-control {
    background-color:#eecd0d;
    height:19px;
    width:19px;
    margin-left:5px;
    float:left;
    text-indent:-9999px;
    text-decoration:none;
}

工作正常，使所有数字看起来像正方形。现在我要做的是让每个正方形（总会有四个）用不同的颜色。我所做的是创建3个不同的类（第一种颜色由nivo-control定义）。这是看起来像：

.second_li {
    background-color:#ab62bc;
}

.third_li {
    background-color:#c491d0;
}

.fourth_li {
    background-color:#d6b2de;
}

问题似乎在于jQuery代码。我正在使用addClass动态地将样式添加到控件中，但它似乎不起作用。

$(function(){
    $(".nivo-controlNav a:nth-child(2)").addClass('second_li);
    $(".nivo-controlNav a:nth-child(3)").addClass('third_li);
    $(".nivo-controlNav a:nth-child(4)").addClass('fourth_li);
});

Answer 1

立刻突然出现的是jQuery代码块上的语法突出显示。请注意，在第3行，整行是红色的，直到它到达下一个引号。我认为您的代码很好，但是，您忘记在.addClass()参数后添加结束大衣。您的代码应如下所示

$(function(){
  $(".nivo-controlNav a:nth-child(2)").addClass('second_li');
  $(".nivo-controlNav a:nth-child(3)").addClass('third_li');
  $(".nivo-controlNav a:nth-child(4)").addClass('fourth_li');
});

如何使用jquery修改Nivo Slider中的控件导航？

1 个答案: