jQueryを使用して動的に要素をクリックリスナーでhtmlを追加するには？

Question

ユーザーがボタンをクリックすると、ページにフォームを追加する必要があります。私はそのhtmlの文字列を作成して、jQueryを使ってdivに追加しています。 （私はこれが最善の方法ではないので、どこかを読んだので、代替案を教えてください）。

しかし、問題はこれです - 私が追加している新しいhtmlには、idがid1のボタンがあります。私は、この内部document.readyを書かれているので、私はthis-

$(document).ready(function(){ 
$("#id1").click(function(){ 
    alert("hi"); 
}); 

これは）（起こってすることができるか、そして時間によって文書が、どの要素を準備得ないとき、私は呼び出すしようスクリプトは、呼び出されません。 idはid1です。この問題をどのように緩和できますか？

Answer 1

委任event.Here onがイベント委任OPのように多くの重複がちょうど閉じているはずがあり

$("body").on("click","#id1",function(){ 
    alert("hi"); 
});