jQuery栏评级插件颜色变体

我使用酒吧评级。我需要在评级颜色的变化。 浅色到深色的变体。 我的代码如下

<script src='jquery.barrating.min.js'></script>

<div class="rating-a">
<select id="example">
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="3">3</option>
 <option value="4">4</option>
 <option value="5">5</option>
</select>

1.
2.
3.
4.
5.

$（函数（）{
$（“#示例”）.barrating（）；
});

老问题，但很有趣

您还没有指定哪个主题（“rating-a”似乎不是标准主题），因此我选择了.br-theme-bars-1to10，因为它非常符合要求，但任何主题都可以

基本上，钢筋等级为每个钢筋创建锚定，其值为

数据等级值

，例如：

<a href="#" data-rating-value="4" data-rating-text="4"></a>

当然，根据您的要求选择不同的颜色

---

Working fiddle:

是否还有其他JQuery barrating插件可以在每个级别上选择颜色变量。

<a href="#" data-rating-value="4" data-rating-text="4"></a>

.br-theme-bars-1to10 .br-widget a.br-active[data-rating-value="1"],
.br-theme-bars-1to10 .br-widget a.br-selected[data-rating-value="1"] {
    background-color: #f6ede0;
}
.br-theme-bars-1to10 .br-widget a.br-active[data-rating-value="2"],
.br-theme-bars-1to10 .br-widget a.br-selected[data-rating-value="2"] {
    background-color: #f8e4c5;
}
.br-theme-bars-1to10 .br-widget a.br-active[data-rating-value="3"],
.br-theme-bars-1to10 .br-widget a.br-selected[data-rating-value="3"] {
    background-color: #f2cd95;
}
.br-theme-bars-1to10 .br-widget a.br-active[data-rating-value="4"],
.br-theme-bars-1to10 .br-widget a.br-selected[data-rating-value="4"] {
    background-color: #f3ba62;
}
.br-theme-bars-1to10 .br-widget a.br-active[data-rating-value="5"],
.br-theme-bars-1to10 .br-widget a.br-selected[data-rating-value="5"] {
    background-color: #f3980e;
}