<分区>
标签 javascript jquery html css
<分区>
在这里,我希望将动态 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();
}
最佳答案
Jquery on
可以通过以下方式与页面上从一开始就没有呈现的元素进行交互(稍后动态添加):
jQuery("body").on("click", "#your_new_element", function() {
// your code
});
点击将被拦截并在 body 元素上进行处理。您已经尝试过了吗?
关于javascript - 如何在动态div和与之关联的动态按钮上添加点击功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42788049/