Я пытаюсь добавить звездные отзывы в свое приложение, используя jquery raty, и я не могу на всю жизнь понять, почему я не вижу звезд на страницах отзывов о моем ресторане. Я также загрузил звездные картинки в AWS
Я скачал и поместил файл jquery .raty. js в папку app / assets / javascripts. Вот мое шоу. html .erb file:
<div class="row">
<div class="col-3">
<%= image_tag @restaurant.image_url %>
<h2>
<%= @restaurant.name %>
</h2>
<p>
<strong>Address:</strong>
<%= @restaurant.address %>
</p>
<p>
<strong>Phone:</strong>
<%= @restaurant.phone %>
</p>
<p>
<strong>Website:</strong>
<%= link_to @restaurant.website, @restaurant.website %>
</p>
<%= link_to "Write Review", new_restaurant_review_path(@restaurant), class: "btn btn-primary" %>
</div>
<div class="col-9">
<% if @reviews.blank? %>
<h3>No Reviews yet. Be the first to write one!</h3>
<% else %>
<% @reviews.each do |review| %>
<div class="star-rating" data-score= <%= review.rating %> ></div>
<p><%= review.rating %></p>
<p><%= review.comment %></p>
<% end %>
<% end %>
</div>
</div>
<%= link_to 'Edit', edit_restaurant_path(@restaurant), class: "btn btn-link" %> |
<%= link_to 'Back', restaurants_path, class: "btn btn-link" %>
<script>
$('.star-rating').raty({
path: 'https://pbukurasyelpdemo.s3.us-east-2.amazonaws.com/uploads/stars', readOnly: true, score: function() {
return $(this).attr('data-score');
}
});
</script>
application. js
//= require jquery
//= require rails-ujs
//= require jquery.raty
//= require turbolinks
//= require_tree .
Вот мои представления / макеты / _ bootstrap. html .erb
<link href="//stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script
href="//code.jquery.com/jquery-2.2.4.min.js"
integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
crossorigin="anonymous"></script>
Любая помощь будет принята с благодарностью!