JQuery функция готова для новых элементов

Question

Моя функция:

jQuery('#allForms td.edit').click(function(e){ 
    e.preventDefault(); 
    addTextBox(jQuery(this)); 
}); 

не работает для новых элементов, которые я создаю таким образом:

var output = '<tr><td class="edit">'+values[0]+ 
    '</td><td class="edit">'+values[1]+ 
    '</td><td class="edit">'+values[2]+ 
    '</td><td class="edit">'+values[3]+ 
    '</td><td><a href="#" class="deleteForm">USUŃ</a></td></tr>'; 
formsList.find('tr:last').after(output); 
addForm.find("input").val(''); 

Когда я нажимаю на вновь добавленный элемент ничего случается. Когда я нажимаю на элементы, которые были загружены с сайта, все работает хорошо.

Answer 1

Вы должны использовать делегирование событий для прикрепления события динамически добавляемые элементы:

jQuery('#allForms').on('click','td.edit',function(e){ 
e.preventDefault(); 
addTextBox(jQuery(this)); 
}); 

Answer 2

Вы должны попробовать это

jQuery(document).on("click", '#allForms td.edit', function(e){