动态创建的按钮上的单击事件[重复]答案

【问题标题】：Click event on a button which was created dynamically [duplicate]动态创建的按钮上的单击事件[重复]
【发布时间】：2014-05-06 17:13:50
【问题描述】：

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

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

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

在下面，我的函数正在等待“#rkeys”ID 上的点击事件，但是当我按下该按钮时没有任何反应。

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

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

【问题讨论】：

【解决方案1】：

试试这个：

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

【讨论】：

【解决方案2】：

您需要事件委托：

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

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

【讨论】：