js不适用于Rails中出现的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", ->