Jquery生成的按钮无法识别

Question

我正在处理一个从Flask应用程序发送和获取数据的html文件。在这个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

将$（＆＃39; .search＆＃39;）替换为$（document）.find（＆＃39; .search＆＃39;）

这将允许jquery选择动态创建的元素。