Railsオートコンプリートは、親ではなくネストされたフォームで動作します。どうして？

Question

をJEEのRails 3.2アプリで使用している場合、Cacoonを使用して複雑なネストされたフォーム内にRailscast＃102というオートコンプリートフィールドを実装しようとしています。

親フォームで完全に機能する同様のオートコンプリートフィールドを取得できました。しかし、オートコンプリートをネストされたフォームで動作させることはできません。 JavaScriptが起動されていないようです。

私のフォームは、私は2つのJavaScript機能

$(function() { 
    $('.parent-name').autocomplete({ 
     source: $('.parent-name').data('autocomplete-source') 
    }); 
}); 

$(function() { 
    $('.grand-child-name').autocomplete({ 
     source: $('.grand-child-name').data('autocomplete-source') 
    }); 
}); 

を持つ親の自動補完が完璧に働いている

<%= form_for @parent do |f| %> 
<%= f.text_field :name, :class=>"parent-name", :data => {:autocomplete_source => Model.order(:name).map(&:name) } %> 
    <%= f.fields_for :children do |child| %> 
    <%= f.fields_for :grand_children do |grand_child| %> 
     <%= f.text_field :name, :class=>"grand-child-name", :data => {:autocomplete_source => Model.order(:name).map(&:name) } %> 
    <% end %> 
    <% end %> 
<% end %> 

ようになり、孫ではありません。何か不足していますか？これがネストされた形式ではうまくいかない理由はありますか？それとも私は私のアプローチで間違いを犯しましたか？

すべてのポインタに感謝します。

EDIT

壮大-子要素が非同期に追加され、親要素は、ページのロード時にレンダリングされています。これは問題の鍵であるようです。編集する既存のレコードを開くと（ページの読み込み時にフィールドがレンダリングされて読み込まれる）、オートコンプリートがこれらのフィールドで機能しています。正しい方向に私を指摘クリスDrappierへ

SOLUTION

感謝。彼は、新しいフォーム要素を追加するときにオブザーバーを追加する必要があると言いました。

私は今、2つのjquery関数を持っています。元

$(function() { 
    $('.grand-child-name').autocomplete({ 
     source: $('.grand-child-name').data('autocomplete-source') 
    }); 
}); 

と

$(function() { 
    $(document).on("focus",".grand-child-name", function() { 
     $('.grand-child-name').autocomplete({ 
      source: $('.grand-child-name').data('autocomplete-source') 
     }); 
    }); 
}) 

クリスは.live（）関数の方に私を指摘しながら、どうやらこれは減価償却されている、と.on（フォーカス）が正しい機能を提供します。

おかげさまでクリス！

Answer 1

これは難しい問題ですが、問題は、新しいフォーム要素を追加するときにオブザーバーを追加する必要があることだと思います。 jqueryを使用している場合、このケースを処理する機能があります。 live()のjqueryのapiドキュメントを参照してください。私はそれがあなたがする必要があるところにあなたを得るべきだと思います。