gem“nested_form”中的 f.link_to_add 面临问题

Question

您好，我正在使用gem "nested_form"，在我看来我是这样给出的

<%= f.fields_for :tasks do |task_form| %>
  <%= task_form.text_field :name %>
  <div class="star-rating" ></div>   
  <%= task_form.text_field :rate %>
<% end %>
<p><%= f.link_to_add "Add a task", :tasks %></p>

在我的js文件中我已经给出了这个

$('.star-rating').raty({
    targetType : 'score',
    targetKeep : true

});

显示我用过的星级

gem 'jquery-raty-rails', github: 'bmc/jquery-raty-rails'
gem 'ratyrate'

所以这个添加行但没有显示星级我正在附加快照

我有这种类型的设计，但是当我点击 Add A Task 时，它不会呈现这样的星级 div

我已经在我的 js 文件中包含了这个

$(document).on('nested:fieldAdded', function(event){
  // this field was just inserted into your form
  var field = event.field; 
  // it's a jQuery object already! Now you can find date input
  var star = field.find('.star-rating');
  // and activate datepicker on it
  star.raty({
    targetType : 'score',
    targetKeep : true
    });
})

但它仍然无法正常工作。 请指导如何以嵌套形式呈现该 div。

Answer 1

你可以这样做：

<%= f.fields_for :tasks do |task_form| %>
  <%= task_form.text_field :name %>
  <div class="star-rating" ></div>   
  <%= task_form.text_field :rate %>
<% end %>
<p><%= f.link_to_add "Add a task", :tasks, id:"add-fields" %></p>

在你的 js 文件中做：

$(document).on('click', '#add-fields', function(){
   $('.star-rating').raty({
   targetType : 'score',
   targetKeep : true
  });
})

这可能对你有用。