Javascript 如何在动态div上添加单击功能以及与之关联的动态按钮

在这里，我想让动态div和动态按钮一起关联，应该可以工作。我尝试过很多方法，但我不知道哪里出了问题。下面是我在代码中使用的函数。请帮帮我

$(function(){
  var count = 0;
  $("#dygraphchartbutton").click(function(event){
    var formURL = "<%=request.getContextPath()%>/DygraphPlot";
    //event.preventDefault();
    console.log("Submitting Data");
    var formData=$("#history_form").serialize();
    console.log(formData);

    $.ajax({
      type:'post',
      url:formURL,
      data:$("#history_form").serialize(),
      success: function(data){
        //alert(data);
        //var str=JSON.parse(data);
        console.log(data);
        appendStr=data;
        $("")       
        $("#report").append("<div id = 'dyplot"+count+"' style = \"float:left;z-index:1;\">"+appendStr+"<br><button onclick='showFullScreen()' id = 'fs"+count+"'>FullScreen</button><button onclick='exitFullScreen()' id = 'nfs"+count+"'>Exit</button></div>");  
        mainDiv = $("#dyplot"+count);
        count++;
      }
    });
  });
});

//display 
function showFullScreen() {
  mainDiv.addClass("fullscreen");       
  $('#fs0').show();
  $('#nfs0').show();
}
function exitFullScreen() {
  mainDiv.removeClass("fullscreen");    
  $('#nfs0').show();
  $('#fs0').show();
}

$（函数（）{
var计数=0；
$（“#动态图形按钮”）。单击（函数（事件）{
var formURL=“/DygraphPlot”；
//event.preventDefault（）；
控制台日志（“提交数据”）；
var formData=$（“#历史_form”）.serialize（）；
console.log（formData）；
$.ajax({
类型：'post'，
url:formURL，
数据：$（“#历史表格”）.serialize（），
成功：功能（数据）{
//警报（数据）；
//var str=JSON.parse（数据）；
控制台日志（数据）；
appendStr=数据；
$("")       
$（“#报告”）.append（“+appendStr+”
FullScreenExit”）；
mainDiv=$（“#动态绘图”+计数）；
计数++；
}
});
});
});
//展示
函数显示全屏（）{
mainDiv.addClass（“全屏”）；
$（'#fs0'）.show（）；
$（'#nfs0'）.show（）；
}
函数exitFullScreen（）{
mainDiv.removeClass（“全屏”）；
$（'#nfs0'）.show（）；
$（'#fs0'）.show（）；
}

Jquery

on

可通过以下方式与页面开头未显示的元素交互（稍后动态添加）：

单击将被拦截并在body元素上处理。您已经试过了吗？

重复：

jQuery("body").on("click", "#your_new_element", function() {
// your code
});