Rails ajax評分幫助如何創建一個輔助方法來顯示星星

Question

我正在創建一些簡單的Ajax評分。基於對這一問題Rails 3 rateable model - How to create ajax rating?

和部分的評級，稱爲_rating.html.erb，第一個答案是這樣的：

<%= form_tag url_for(controller: 'items', action: 'rate', id: item.id), remote: true %> 
    <%= rating_stars(item.rating_score, item.ratings) %> 
    <%= item.ratings %> Votes </form> 

在這部分中，rating_stars() 輔助方法，產生某種 星形的如 評分的代表性，但您可以做到這一點，但是您喜歡 。

如何創建rating_stars輔助方法來顯示星星？

Answer 1

我建議你看看使用jQuery RateIt plugin。

它完全是客戶端JavaScript和CSS。它還體現了一些甜美的不顯眼的JavaScript和漸進式增強。我對我的項目很滿意。

一旦你包括jquery.rateit.min.js，rateit.css，delete.gif和star.gif到您的公共目錄，你可能有一些你的軌道內的格式如下：

<%= f.text_field :ratings, :size => 1, :min => 0, :max => 5, :step => 1 %> 
<div class="rateit" data-rateit-backingfld="#item_ratings" data-rateit-resetable="true"> 
</div> 

data-rateit-backingfld中的ID應該與您的項目字段中的text_field表單助手生成的ID匹配。顯然，這是使用HTML5數據屬性，但是如果您使用的是Rails 3，那麼默認情況下您將使用HTML5。