Javascript 如何在一个附加的东西上调用函数

当用户单击按钮时，我正在创建一个选项卡，并生成一个新的选项卡。我想当用户点击这个选项卡时，调用一个函数

onclick('+reportname+','+report type+')

onclick("'+reportname+'","'+report type+'")

我尝试了两种方法，但功能不起作用

onclick('+reportname+','+report type+')

onclick("'+reportname+'","'+report type+'")

这是我的密码

onclick('+reportname+','+report type+')

onclick("'+reportname+'","'+report type+'")

 filename = $.trim($(elem).closest('td').find('.lblReportfileName').text());
 ReportType = $.trim($(elem).closest('tr').find('.ReportType').text());

 $(".ReportTiles").append('<div class="widgetsReportTiles"  style="background-color:#02a7f9b8;color:black" id="widgetsReportTilesId">' 
+ '<span class="reportType" onclick="OpenReportTab("'+filename+'","'+ReportType+'","")">' + filename + '</span>' 
+ '<span class="reportcloseicon" onclick="HideReportTile(this)">' + "x" + '</span>' + '</div>');

filename=$.trim（$（elem）.closest（'td'）.find（'.lblReportfileName'）.text（））；
ReportType=$.trim（$（elem）.closest（'tr'）.find（'.ReportType'）.text（））；
$（“.ReportTiles”）.append（“”
+''+文件名+''
+“+”x“+”+”）；

像这样试试

onclick('+reportname+','+report type+')

onclick("'+reportname+'","'+report type+'")

$(".ReportTiles").on('click','.OpenReportTab',function(){
    filename = $.trim($(this).closest('tr').find('.lblReportfileName').text());
    ReportType = $.trim($(this).closest('tr').find('.ReportType').text());
    OpenReportTab(filename,ReportType)
})

---

并从append中删除onclick，您可以利用：

onclick('+reportname+','+report type+')

onclick("'+reportname+'","'+report type+'")

var ReportType='rType'；
var filename='fname'；
变量x='x123'；
$（“.ReportTiles”）.append（`
${filename}
${x}`）；
函数OpenReportTab（f，r）{
console.log（f+'：'+r）；
}
函数HIDEREPORTILE（t）{
console.log（t.textContent）；
}

我想在每个新选项卡上的函数中存储参数，就像用户在函数存储OpenReportTab（苹果，水果）中单击Apple一样。如果单击bike OpenReportTab（bike，vehicle），您已经在为每个附加保存参数。您只需要接受并传递即可动态运行。单击OpenReportTab，只需将相应的参数传递给函数。