javascript - 如何在某些东西上调用函数

当用户单击生成新按钮时，我正在创建一个选项卡。我希望当用户单击此选项卡上的函数调用时

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>');

最佳答案

这样尝试

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

并从附加中删除onclick