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

Posted 2023-05-09

【中文标题】如何用比率突出显示选定的自定义图标

【英文标题】：How to highlight the selected custom icon with raty

【发布时间】：2018-01-01 22:33:41

【问题描述】：

你好，

我正在使用带有 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，但只有在您的图标相同时才有效...

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

托马斯

【参考方案1】：

我找到了解决办法，

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

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

希望对你有帮助。

托马斯