레일 nested_form 요소를 추가했습니다

Question

버튼을 클릭하면 사용자가 완료 할 수 있도록 일련의 입력란이 추가 된 양식에 중첩 된 양식이 있습니다.

사용자가 클릭 할 때 추가 된 필드의 양을 추적하는 변수에 합계합니다. 추가 된 것들의 모음에서 나는 그들을 제거하기위한 단추를 추가했습니다 (nested_form 젬의 link_to_remove). 제거 버튼을 클릭 할 때 어떤 조치를 취하고 싶지만, 어떤 이유로 그것을 활성화하지 않습니다.

여기에 뷰의 코드입니다 :

= 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' 

가 여기 내 자바 스크립트입니다 :

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

하지만 아무것도하지 않습니다.

Answer 1

당신은 요소를

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