时间戳

首页 > 解决方案 > 如何在附加的东西上调用函数

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

标签： javascriptjqueryasp.net

解决方案

像这样尝试

$(".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

推荐阅读