javascript - この構造は常に機能しますか

Question

私のサイトには製品タイルがあり、各タイルにはボタンがあり、タイルは可用性に応じて ajax 呼び出しによって読み込まれます。次の関数を使用して div で関数を初期化しています。ここで、「add_+uid」はボタンの ID です

$('#add_'+uid).bind("click",addFunction);
function addFunction(){

...
}

上記のコードはページの読み込み時にのみ機能することがわかりました。このように使用できますか?これは ajax タイプのシナリオのソリューションですか?

$('#add_'+uid).click(addFunction);

これが機能しない場合、このシナリオに関する提案はありますか?

Answer 1

使用する

$(document).on("click", '#add_'+uid, addFunction);
function addFunction(){
    ...
}

代わりにdocument、ページで静的コンテナーを使用することもできます。