javascript - 禁用星星突出显示，但即​​使对于 jQuery Raty 插件也启用单击

Question

我使用 jQuery Raty 插件。它很棒，可以满足我的大部分需要。我一直在寻找一种解决方案，当用户将光标移到控件上时不突出显示星星。使其只是 readOnly: true 没有帮助，因为它禁用了我需要处理的 click 事件。

我尝试绑定(bind)到 mouseover 事件:

mouseover: function(score, evt) {
  this.score = 0;
}

但是 Raty 不会将其数据 (this.score) 提升回 DOM。

然后我尝试处理 mouseover 事件来更改每个图像的 src 属性:

mouseover: function(score, evt) {
    rateControl.children().each(function(img) {
        img.attr('src', 'star-off.png');
    });
}

同样，没有理想的结果。

我应该如何考虑在不禁用 Raty 上的 click 事件的情况下禁用星号突出显示？

Answer 1

刚找到解决方案。尽管它确实有效，但它似乎没有语义。我绝对应该更加关注 Raty 手册的最后几节。

要禁用星号突出显示，实际上不需要禁用它，而是用默认的星号替换突出显示的星号。为此，需要使用参数启动 Raty:

$('#raty').Raty({
    starOff: 'star-off.png',
    starOn: 'star-off.png',
    ...
}

Raty 将继续处理鼠标悬停事件并更改星星的 src 属性，但由于每个星星的值保持不变，因此不会发生任何视觉效果。