如何在动态 div 和与之关联的动态按钮上添加点击功能

Question

在这里，我希望将动态 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();
}

Answer 1

Jquery on可以通过以下方式与页面上一开始没有呈现的元素进行交互（后面动态添加）：

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

点击将被拦截并在 body 元素上进行处理。你试过了吗？

如何在动态 div 和与之关联的动态按钮上添加点击功能

How to add click function on dynamic div and dynamic button associated with it

javascript

jquery

html

css