Rails nested_form 查找添加的元素

Question

我在一个表单中有一个嵌套表单，单击按钮会添加一堆字段供用户完成。

目前，当用户点击它时，我求和到一个跟踪添加的字段数量的变量。在添加的一堆东西上，我添加了一个按钮来删除它们（link_to_remove 来自 nested_form gem）。我想在单击删除按钮时执行操作，但由于某种原因它没有激活它。

视图中的代码如下：

= f.fields_for :guests do |guest_form|
  (...)
  = guest_form.link_to_remove t('actions.delete'), class: 'flex button button-general btn red-button delete-client-button form-rate delete-room-button', method: 'get'

= f.link_to_add ((fa_stacked_icon "plus", base: "circle-thin", class: 'button-icon') + t('reservations.new.add_client')), :guests, class: 'button btn button-general green-button add-button new-client-button'

这是我的 javascript:

$('.delete-client-button').click(function() {
  do something...
});

但它什么也没做。

Answer 1

你必须委托元素

$('body').on('click', '.delete-client-button', function() {
  do something...
});

Rails nested_form 查找添加的元素

Rails nested_form find element added

javascript

jquery

ruby-on-rails

nested-forms