Click事件動態

Question

我創建使用javascipt的像下方的按鈕：

"<div class='row'><button id='rkeys'>Related<button></div></div>" 

    $('#search_results').append(html_result) 

而且低於我有正在等待click事件上「#rkeys」身份證的功能，但按下該按鈕時沒有任何反應。

related_keys = -> 
    console.log('click') 
$('#rkeys').on 'click', related_keys 

我能做些什麼來完成這項工作。

Answer 1

您需要事件委派：

事件代表團允許我們附加一個單一的事件偵聽器，以父元素，將火了選擇匹配的所有後代，無論是現在存在或添加這些後代未來。

$('#search_results').on('click','#rkeys',function(){ 
    //click event code. 
}); 

Answer 2

試試這個：

related_keys = -> 
    console.log('click') 
$('#search_results').on 'click','button', related_keys