在使用JavaScript添加到DOM的元素上使用jQuery

Question

我有一個相當複雜的涉及接口級jQuery的問題。我使用JavaScript爲我的頁面加載HTML，然後在頁面加載後，我使用jQuery來監聽幾個類上的按鈕點擊。基本上，套接字發出一個頁面名稱，然後JavaScript填充我的頁面。

問題是，jQuery不響應我在JavaScript代碼的其他函數中創建的元素上的click事件（或任何事件）。例如：

套接字載入頁面：

socket.on('loadpage', function (data) { 
    if (data.page == 'button') showButton(); 
}); 

function showButton() { 
    $('.hook').html('<div class="container"><button class="btn"></button></div>'); 
} 

再後來......

$(function() { 
    $(".btn").click(function() { 
     console.log('click'); 
    } 
}); 

這不火。

Answer 1

爲

使用委託嘗試

$(".hook").on("click",".btn",function() { 
    console.log('click'); 
}