javascript - 如何用比率突出显示选定的自定义图标

Question

你好，

我正在使用带有iconRange选项的 raty，我想知道如何才能仅突出显示选定的自定义图标。

我的代码是

$(".ratySmiley").raty({
    starType: 'i',
    hints: ['bad', 'poor', 'regular', 'good', 'gorgeous'],
    iconRange: [
        {range: 1, on: 'icon icon-nothappy', off: 'icon icon-nothappy'},
        {range: 2, on: 'icon icon-mehh', off: 'icon icon-mehh'},
        {range: 3, on: 'icon icon-nomood', off: 'icon icon-nomood'},
        {range: 4, on: 'icon icon-happy', off: 'icon icon-happy'},
        {range: 5, on: 'icon icon-veryhappy', off: 'icon icon-veryhappy'}
    ]
});

按照文档，我只找到了一个single选项设置为 true 的示例，但它仅在您的图标相同时才有效...

如果您对此有所了解，请帮助我。

托马斯

Answer 1

我找到了解决方案，

我写了一个小 js 函数，它id = 'active'为点击的笑脸添加了一个，这样我以后可以用 css 调整它。

function clickHandle(element, event) {
    $(element).children().each(function () {
        $(this).removeAttr("id");
    });
    $(event.target).attr("id", "active");
}

希望它可以帮助你。

托马斯