在Ruby on Rails表单中实现星级评级

<%= form.hidden_field :rating %>

<div class="rating">
  <% 5.times do |i| %>
    <%= link_to fa_icon('star', class: ('active' if i < @model.rating)), '#', data: { rating: i + 1 } %>
  <% end %>
</div>

$(document).ready(function() {
  $('.rating a').on('mouseover', function() {
    $(this).prevAll().addClass('hover');
    $(this).addClass('hover');
  }).on('mouseout', function() {
    $(this).siblings().removeClass('hover');
    $(this).removeClass('hover');
  }).on('click', function() {
    var rating = $(this).data('rating');
    $('input[name="model[rating]"]').val(rating);
  });
});

.rating a {
  color: #ccc;
  text-decoration: none;
}

.rating a.active,
.rating a.hover {
  color: #ffcc00;
}