Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用生成的按钮打开Modalbox_Javascript_Jquery_Html - Fatal编程技术网

Javascript 使用生成的按钮打开Modalbox

Javascript 使用生成的按钮打开Modalbox,javascript,jquery,html,Javascript,Jquery,Html,我创建了一个包含JSON数据的表,并使用Javascript函数按钮添加到此表中 现在我想用这个按钮打开具有不同输出的生成的ModalBox(例如Hello world1按按钮1,Hello world2按按钮2) 有办法解决这个问题吗 我的代码: $(文档).ready(函数(){ //表的JSON var hotspots=“[{\'path\”:\“src/main/java/tools/generator/data/RecordPart.java\”,“revisions\”:25,“

我创建了一个包含JSON数据的表,并使用Javascript函数按钮添加到此表中

现在我想用这个按钮打开具有不同输出的
生成的ModalBox
(例如
Hello world1
按按钮1,
Hello world2
按按钮2)

有办法解决这个问题吗

我的代码:

$(文档).ready(函数(){
//表的JSON
var hotspots=“[{\'path\”:\“src/main/java/tools/generator/data/RecordPart.java\”,“revisions\”:25,“codeLines\”:18,“authors\”:[{\'name\”:“User1\”,“commits\”:7},{\'path\:“src/main/java/tools/generator/data/RecordTotal.java\”,“revisions\:55,\'codeLines\”:23,“authors\”:“[{\'name\”,“User1\”,“commits\”,“commits\”,“commits\”,{path\”,{src/main/resources/test.xml\,“revisions\”:102,“codeLines\”:44,“authors\”:[{“name\”:“User1\”,“commissions\”:7}],{“path\”:“src/main/java/tools/generator/helper/MenuHelper.java\,“revisions\”:4,“codeLines\”:115,“authors\”:[{“name\”:“User1\”,“commissions\”:2}];
var jsonhostspots=JSON.parse(热点);
可施工(jsonHotspots);
});
//json中的表
函数constructTable(json){
var tbl=$(“”).attr(“id”,“mytable”);
$(“#div1”)。追加(待定);
var tr=“”;
var td1='Path';
var td2='Rev';
var-td3='Lines';
var td4='';
$(“#我的表格”)。追加(tr+td1+td2+td3+td4);
for(var i=0;i

您可以使用

在新按钮上

编辑: 现在我看到您使用jquery,那么您可以使用:

$('body').on('click','#mytable button',function({
   alert('button clicked with id: '+$(this).attr('id'));
});

你可以使用一个简单的方法,你可以在按钮上添加一个onclick,传递一个参数,这可以做你想做的任何事情。这也是打开带有参数(或多个)的模态的一个很好的示例。不要对所有按钮使用相同的ID,它们必须是唯一的,或者更好,使用类
$('body').on('click','#mytable button',function({
   alert('button clicked with id: '+$(this).attr('id'));
});