2017-07-26 42 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