레일 3 자바 스크립트가있는 중첩 모델 양식

Question

질문 및 답변 강의의 중첩 모델 양식을 만들었습니다. 그것은 자바 스크립트로 커피 코드를 추가했습니다 그래서 나는 오류가 발생하고 질문 추가 작동하지 않습니다 그것은 커피 스크립트를 집어 들고 아니 었어. 누구든지 도와주세요.

Lesson.rb

has_many :questions 
accepts_nested_attributes_for :questions, :allow_destroy => true 

Question.rb

belongs_to :lesson 
has_many :answers 
accepts_nested_attributes_for :answers, :allow_destroy => true 

Answer.rb

belongs_to :question 

application_helper.rb

def link_to_add_fields(name, f, association) new_object = f.object.send(association).klass.new 
    id = new_object.object_id 
    fields = f.fields_for(association, new_object, :child_index => id) do |builder| 
    render(association.to_s.singularize + "_fields", :f => builder) 
end 
link_to(name, '#', :class => "add_fields", :data => {:id => id, :fields => fields.gsub("\n", "")}) end 

,

관리/학습/_form.html.erb

<%= form_for([:admin,@lesson]) do |f| %> 
      <% if @lesson.errors.any? %> 
      <div class="notification error png_bg"> 
       <a href="#" class="close"><img src="/assets/admin/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a> 
       <div> 
       <h2><%= pluralize(@lesson.errors.count, "error") %></h2> 

        <ul> 
        <% @lesson.errors.full_messages.each do |msg| %> 
        <li><%= msg %></li> 
        <% end %> 
        </ul> 
       </div>       
      </div> 
      <% end %> 

    <label class="formlabel">Lesson Title</label> 
    <%= f.text_field :title %> 

<%= f.fields_for :questions do |builder| %> 
<%= render 'question_fields', :f => builder %> 
<% end %> 
<%= link_to_add_fields "Add Question", f, :questions %> 

<%= f.submit 'Save', :class => 'button' %> 

_question_fields.html.erb

<fieldset> 
    <%= f.label :content, "Question" %><br /> 
    <%= f.text_area :content %><br /> 
    <%= f.check_box :_destroy %> 
    <%= f.label :_destroy, "Remove Question" %> 
    <%= f.fields_for :answers do |builder| %> 
     <%= render 'answer_fields', :f => builder %> 
    <% end %> 
    <%= link_to_add_fields "Add Answer", f, :answers %> 
</fieldset> 

_answer_fields.html.erb 여기

<fieldset> 
    <%= f.label :content, "Answer" %> 
    <%= f.text_field :content %> 
    <%= f.check_box :_destroy %> 
    <%= f.label :_destroy, "Remove Answer" %> 
</fieldset> 

는 자바 스크립트 난 그냥 추가됩니다 헤드 태그가 끝나기 전에. 기능하지 않습니다에 나는. $ "의 오류 ('양식')를 얻고있다. ('$ ('에서 '.에)'형태를, '$ ('양식 '....

<script> 
      jQuery(function() { 
       $('form').on('click', '.remove_fields', function(event) { 
       $(this).prev('input[type=hidden]').val('1'); 
       $(this).closest('fieldset').hide(); 
       return event.preventDefault(); 
       }); 
       return $('form').on('click', '.add_fields', function(event) { 
       var regexp, time; 
       time = new Date().getTime(); 
       regexp = new RegExp($(this).data('id'), 'g'); 
       $(this).before($(this).data('fields').replace(regexp, time)); 
       return event.preventDefault(); 
       }); 
      }); 
     </script> 

Answer 1

Jquery .on() 함수가 작동하려면 최소한 jquery 1.7이 필요합니다 .jquery를 업데이트하거나 .on() 대신 .bind()를 사용하십시오.