铁轨中的星级评定系统

时间:2016-12-21 14:22:31

标签: jquery ruby-on-rails ajax rating-system

在我的项目中,我想使用评级系统http://www.jqueryrain.com/?SGgGB_oZ我已成功将其添加到我的项目中,并且它可以正常工作。我有2个型号:Casino&评分。赌场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。我需要为评级数组添加新评级,但不要更改最后一个。任何想法我该怎么做?感谢。

1 个答案:

答案 0 :(得分:2)

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