jsはajaxには使用できませんでした。

Question

たとえば、ajaxリクエストで表示されるフォームフィールドは、can_be_deletedです。私は、ページの読み込みと表示され、いくつかの既存の要素を持っている同じ時間で

<div class="form-group"> 
    <%= f.text_field :name %> 
    <%= f.hidden_field :_destroy %> 
    <span class="fa fa-close can_be_deleted"></span> 
</div> 

、彼らはまた、クラスcan_be_deletedを持っています。

<div class="form-group article_tag"> 
    <%= f.object.name %> 
    <%= f.hidden_field :slug %> 
    <%= f.hidden_field :name %> 
    <%= f.hidden_field :_destroy %> 
    <span class="fa fa-close can_be_deleted"></span> 
</div> 

このクラスを持つ要素が押されたときに結合されcoffescriptは、AJAXによって作成された以外のすべての要素のために動作します。

jQuery ($) -> 
    $(document).on "turbolinks:load", ->  
    $(".can_be_deleted").click -> 
     console.log("clicked") 

どのようにすべての要素で動作させるには？奇妙な状況。

Answer 1

あなたはこの試みる、ajaxCompleteイベントを使用することができます。

$(document).on "turbolinks:load ajaxComplete", -> 

代わりにこの：

$(document).on "turbolinks:load", ->