如何添加html，單擊元素上的監聽器，動態使用jQuery？

Question

當用戶點擊一個按鈕時，我需要添加一個表單到一個頁面。我正在製作一個該html的字符串，然後使用jQuery將其添加到div。 （我讀過的地方這不是最好的方法，所以請告訴我一個替代方案）。

但是，問題是這樣的 - 我添加的新的HTML有一個ID爲id1的按鈕。我嘗試調用腳本，當我做這個 -

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

這可能）發生，因爲我已經寫了這裏面的document.ready（，並通過時間的文件已經準備好，沒有元素不會被調用與編號id1存在。我怎樣才能緩解這個問題？

Answer 1

委託event.Here on用於連接一個事件處理函數

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