在动态创建的按钮上单击事件

Question

我正在使用javascipt创建一个按钮，如下所示：

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

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

在下面，我有等待点击事件的功能＃r;＃rkeys＆＃39; id，但按下那个按钮时没有任何反应。

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

我可以做些什么来完成这项工作。

Answer 1

试试这个：

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

Answer 2

您需要事件委派：

  

事件委托允许我们将单个事件侦听器附加到父元素，该元素将为匹配选择器的所有后代触发，无论这些后代现在是存在还是将来添加。

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