Javascript 禁用星星高亮显示,但为jQuery Raty插件启用“连按”

Javascript 禁用星星高亮显示,但为jQuery Raty插件启用“连按”,javascript,jquery,raty,Javascript,Jquery,Raty,我使用jQuery Raty插件。它很棒,能满足我的大部分需求。我一直在寻找一种解决方案,当用户将光标移动到控件上时,不高亮显示星星。将其设置为只读:true没有帮助,因为它禁用了我需要处理的单击事件 我试图绑定到mouseover事件: mouseover: function(score, evt) { this.score = 0; } 但是Raty并没有将其数据(this.score)提升回DOM 然后我尝试处理mouseover事件来更改每个图像的src属性: mouseover:

我使用jQuery Raty插件。它很棒,能满足我的大部分需求。我一直在寻找一种解决方案,当用户将光标移动到控件上时,不高亮显示星星。将其设置为只读:true没有帮助,因为它禁用了我需要处理的
单击事件

我试图绑定到
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上的
单击
事件的情况下,我应该如何禁用星形突出显示?

刚刚找到了一个解决方案。它似乎是非语义的,尽管它是有效的。我当然应该更加关注Raty手册的最后几节

要禁用星型亮显,不需要实际禁用它,而是用默认的星型替换亮显的星型。要做到这一点,需要使用参数启动Raty:

$('#raty').Raty({
    starOff: 'star-off.png',
    starOn: 'star-off.png',
    ...
}
Raty将继续处理鼠标悬停事件,并更改stars的
src
属性,但由于每个属性的值保持不变,因此不会发生任何视觉效果