2017-02-07 11 views
1

こんにちは私は現在私のレールアプリのための繭の宝石を使用しています、そして、私のフォームの入れ子になった関連付けを追加して削除できたので、しかし、コールバックのログをコンソールに書き込もうとすると(たとえば「コクーン:アフター・インサート」)、コンソール・ログはコンソールに表示されません。これの理由は何ですか?また、私はコンソールでコールバックイベントをキャプチャできますか?なぜ私は私のコンソール上でコールバックをキャプチャすることができなかったかについての手がかりを提供する場合、私はアプリにバンドルされている宝石remotipartを持っている。彼女は私のコードです: -Ruby on railsコクーンの宝石 - コールバックイベントをキャプチャできません

#new.html.erb 
<div class="content"> 
    <%= form_for [@strategy,@goal], :html => {:class => 'ui form'}, :remote => true do |f| %> 
    <p> 
     <%= f.label :title %> 
     <%= f.text_field :name %> 
    </p> 

    <div id = 'tactical_field'> 
     <%= f.fields_for :tactics do |tactic| %> 
     <%= render 'tactic_fields', f: tactic %> 
     <% end %> 
    <div class="links"> 
     <%= link_to_add_association "Add", f, :tactics %> 
    </div> 
    </div> 
    <p> 
     <%= f.button :submit => "", class: "ui button" %> 
    </p> 
    <% end %> 
</div> 

#_tactics_fields.html.erb 
<div class="nested-fields"> 

    <div class='field'> 
    <%= f.label :tactic %> 
    <%= f.text_field :name %> 
    </div> 

    <div class="field"> 
    <%= f.label :rating %> 
    <%= f.text_field :rating %> 
    </div> 
    <%= link_to_remove_association "delete", f %> 
</div> 

# application.js 
$(document).on('turbolinks:load', function() { 
    $('#tactical_field').bind('cocoon:before-insert', function() { 
    console.log('helloworld'); 
    }); 
}); 
+0

その 'js'コードを部分的に移動しようとします。 – uzaif

答えて

1

周囲のdivでイベントがキャプチャされていることを確認する必要があります。また、あなたがturbolinksコードを必要としない、あなたは、単に短期でそう

$(document).on('cocoon:after-insert', '.content form', function(e) { 
    console.log('Something'); 
}); 

ような何かを行うことができます。私たちはcocoon:after-insertイベントをキャプチャする場合.content formから、我々は何かをログに記録、完全な文書上のイベントに耳を傾けます。

関連する問題