Как обрабатывать функции после изменения dom

Question

У меня есть много вызовов ajax, где каждый из них вставляет новый html-код в DOM.In ajax on success Я снова вызываю функции, поэтому у них есть возможность работать с новые элементы DOM. Проблема в том, что каждый новый вызов функции при успешном вызове называется X раз - 1,2,4 ... И, например, если у меня есть функция createNewButton и дважды щелкните по нему, у меня будет три кнопки, потому что второй раз, когда он пройдет, ajax снова вызовет функцию.

function ajaxAddFormFeild(field_type, value, unique) { 
    $.ajax({ 
     beforeSend: function (request) 
     { 
      request.setRequestHeader("X-CSRF-TOKEN", $('meta[name="csrf-token"]').attr('content')); 
     }, 
     type: "GET", 
     url: base_url + 'Form/' + field_type + '?value=' + value + '&unique=' + unique, 
     success: function (response) { 
      if (unique) { 
       $('.input-options[data-unique="' + unique + '"').first().after(response); 
      } else { 
       $('.form_content').append(response); 
       addNewOption(); 
       changeFormFieldPosition(); 
      } 
      removeFormGroup(); 
      removeFormField(); 
     }, 
     dataType: 'html' 
    }); 
} 

Im building server side generated form builder. Какая будет идеальная реализация?! Вы щелкаете минусами без ответа ...

Answer 1

Вы должны использовать метод jQuery $().off(), чтобы отменить событие на этом элементе, который вызывает функцию ajaxCall повторно.