onclick事件onclick事件不适用于ajax调用接收到的块

Question

我已经创建了用于基本数据库操作的工具栏：插入，删除等。它具有可以处理的onclick事件。 我希望能够通过php动态构建此工具栏。 生成了相同的代码，但由于某种原因该事件无法正常工作。 我尝试使用firefox开发人员版本进行查找，但是它向我展示了原始代码已绑定到事件，但是ajax收到的部分却没有。 我究竟做错了什么

最高版本正在运行，完整的（绿色）工具栏未通过ajax事件接收到（未绑定到ev）

原始的html看起来像这样：

<div class="btn-group" role="group" aria-label="hallo">
 <button type="button" id="id_phspapps_dbnavigator_1_add" class="btn btn-default">Add</button>
 <button type="button" id="id_phspapps_dbnavigator_1_cancel" class="btn btn-default">Cancel</button>
 </div>
 </div>
 <div id="phid_phspapps_dbnavigator_1">
 </div>

在ondocumentready中，将触发事件以检索工具栏数据。 似乎setup ajax事件未绑定到字段。 所有按钮都有自己的事件，例如_add，_cancel作为_edit的以下功能：

$("#id_phspusers_dbnavigator_1_edit").click(function() {
  var str='';
   str = $( "#id_"+formid ).serialize();
  procbutton(str+'&cmd=edit&sender=id_phspusers_dbnavigator_1','');
}); 

Answer 1

如果要动态生成事物，则需要使用.on（）

$(document).on( "click" ,"your_element", function() {

});

我不确定，但是我相信文档就像最外部的父文档（您的文件）一样，您不一定需要将事件绑定到文档。 您需要将其绑定到页面和JS脚本加载时存在的父元素（据我所知），请检查@JasonB提供的有关此文档的链接，以便更好地进行说明。