アヤックスこんにちは私はこのようなのCoffeeScriptが持つDOM

Question

では見えないオブジェクトを追加しました。しかし、新しいオブジェクトが動的に追加されたとき、検証は彼にとってうまくいきません。

これは#skill_listはulである私の追加機能であり、そしてadd_skill部分がそれにliオブジェクトを追加します。

'<%= form_for [current_user, @character] do |f| %>' 
    $('#skill_list').append("<%= j render partial: 'add_skill', locals: { character: @character, skill: @skill, f: f } %> "); 
'<% end %>' 

私は新しいオブジェクトが作成された後DOMがリロードされていないことを前提としています。

Answer 1

これは範囲の問題のようです。新しいオブジェクトは動的に追加されるため、バインディングのスコープに注意する必要があります。

バインドアクションは、バインドしたもの（この場合は「変更」）を「リッスン」します。

しかし、あなた自身が要素を見つけようとしているので（つまり、$(element)）、JSは "静的DOM"でその要素を見つけようとします（つまり、DOMの変更は気にしませんページが最初にロードされた後）。

スコープを使用すると、JSはこのスコープ内の変更を「リッスン」し、動的修正（つまり$(some_main_div).find(element)）を「聞く」ことができます。