0

Nivoスライダーをカスタマイズしようとしています。これらのスタイルを Nivo スライダーに追加しました。そうすれば、コントロールnavは正方形になります。

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

これは正常に機能し、すべての数字が正方形のように表示されます。今私がやろうとしているのは、各正方形 (常に 4 つある) を異なる色にすることです。私がしたことは、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);
});
4

1 に答える 1