2017-07-26 58 views
0

你好选择的自定义图标,如何突出与RATY

我使用raty与iconRange选项,我想知道我怎么能只强调选择的自定义图标。

我的代码是

$(".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一个例子,但如果你的图标是一样的它只能...

如果您知道一些关于它的请帮助我。

托马斯

回答

0

我找到了解决办法

我写了一个小js函数其中id = 'active'用CSS后添加到点击笑脸,所以我可以调整它。

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

希望它能帮助你。

Thomas