不可用于ajax的js在Rails中出现了元素

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创建的所有元素（EXCEPT除外）。

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

如何使其与所有元素一起使用？ 奇怪的情况。

Answer 1

您可以使用ajaxComplete事件，请尝试以下操作：

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

而是这样的：

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