轨道中的星级评定系统

Question

在我的项目中，我想使用评级系统http://www.jqueryrain.com/?SGgGB_oZ我已成功将其添加到我的项目中，并且可以正常工作。我有 2 个模型：赌场和评级。赌场has_many :ratings和评级belongs_to :casino。在我的赌场索引页面上，我想显示每个赌场的评级系统。这是我的观点：

<h1>List of casinos</h1>

<div class="casinos-list">
  <% @casinos.each do |casino| %>
    <div class="casino-item">
      <p class="casino-name"><%= link_to casino.name, casino %></p>
      <p class="casino-description"><%= casino.description %></p>
      <ul class="rating">
        <% form_id = "casino_#{casino.id}_rating" %>
        <%= form_for casino.ratings.last || casino.ratings.build, html:
            { id: "casino_#{casino.id}_rating", class: 'star_rating_form' } do |f| %>
          <%= f.hidden_field :casino_id %>
          <%= f.hidden_field :score, id: "#{form_id}_stars", class: 'star-value' %>
        <% end %>

      </ul>
      <div id="<%= "average_rating_#{form_id}" %>"><%= casino.average_rating.to_f %></div>
      <div id="<%= "rate_#{casino.id}" %>" class="rateit" data-rateit-mode="font">
      </div>
    </div>
  <% end %>
</div>

我的application.js：

$(document).on('turbolinks:load', function () {

  $('.rateit-reset').remove();

  $('.rateit-hover').click(function () {
    var rating = $(this).parents().attr('aria-valuenow');
    var float_number = parseFloat(rating);
    var rating_form_input = $(this).parents().parents('.casino-item').children('.rating').children('.star_rating_form').children('.star-value');
    var form_id = $(this).parents().parents('.casino-item').children('.rating').children('.star_rating_form').attr('id');
    rating_form_input.val(float_number);

    $.ajax({
      type: 'post',
      url: $('#' + form_id).attr('action'),
      data: $('#' + form_id).serialize()
    });
  });

});

它可以工作，将正确的值保存到 db，但是，如您所见，我在这里使用form_for casino.ratings.last. 我需要在评级数组中添加一个新评级，但不要更改最后一个评级。任何想法我该怎么做？谢谢。

Answer 1

如果您只想添加新评级，请删除casino.ratings.last。只保留casino.ratings.build