JQuery сгенерированные кнопки не распознаются

Question

Я работаю с html-файлом, который отправляет и получает данные из приложения Flask. В этом HTML, я имею 2 сценария. Первый из них что-то вроде этого:

<button class="search">search</button> 
(...) 

$(function() { 
$('.search').click(function() { 
var name_field = $("#search_field").val(); 
var my_data={name:name_field}; 
AJAX sends my_data to Flask function, which will return the response variable below 

$('body').append("<div class='new' id=\"empty\">"+response+"</div>") 

Этот результат будет содержать HTML-код, в том числе кнопки класса «add1»

Этот HTML-файл, который содержит сценарий выше также содержит другой скрипт, который срабатывает, когда пользователь нажимает кнопку класса «add1». Моя проблема: эти прилагаемые кнопки НЕ запускают вторую функцию jQuery. Тем не менее, любые кнопки, ранее представленные в коде (до добавления) класса «add1».

Там должен быть способ сообщить JQuery, который будет добавлен новые кнопки, и что они действительно, я думаю, что

Answer 1

заменить $ (». Поиск„) с $ (документ) .find (“. Поиск ')

Это позволит jquery выбирать динамически созданные элементы.