Jqueryで生成されたボタンが認識されない

Question

Flaskアプリケーションからデータを送信および取得するhtmlファイルを使用しています。このHTMLには、2つのスクリプトがあります。最初のものは、このようなものです：クラスのボタン「ADD1」もトリガされ、別のスクリプトが含まれている上記のスクリプトが含まれている

このHTMLファイルを含むHTMLコードを、含まれています結果

<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>") 

ユーザはクラス「add1」のボタンをクリックする。 私の問題は次のとおりです。これらの追加されたボタンは、2番目のjQuery関数を起動しません。ただし、以前に "add1"クラスのコードに追加されていたボタンが表示されます。

は、彼らは、私はあなたの$を交換

Answer 1

を有効と考えていることがあり、新しいボタンが追加されることにjQueryを通知するための方法でなければならず、（」。検索 『）$（文書）.find（』。検索で'）

これにより、jqueryは動的に作成された要素を選択できます。