javascript - 'click' 上的事件不适用于链接图像

Question

我尝试将 VB6 应用程序迁移到基于 Web 的应用程序。我停留在无法进一步排除故障的某个位置。我想做的是在类“confirmation1”上实现点击事件 - 链接(黑色十字图像)。我按以下方式构建表格行:

var tr_str = "<tr>" +
"<td align='left'>" + result[i].produkt + "</td>" +
"<td align='right'>" + result[i].waga + "</td>" +
"<td align='right'>" + Math.round(result[i].kalorie) + "</td>" +
"<td align='right'>" + (Math.round(result[i].bialko * 100) / 100).toFixed(2) + "</td>" +
"<td align='right'>" + (Math.round(result[i].tluszcze * 100) / 100).toFixed(2) + "</td>" +
"<td align='right'>" + (Math.round(result[i].weglowodany * 100) / 100).toFixed(2) + "</td>" +
"<td align='center'>" +
"<a href='test' title='Usuń' class='confirmation1'><img src='pictures/cross16.jpg' width='10' height='10' style='margin: 0px 0px' /></a>" ;
"</td>" +
"</tr>";
$("#TabelaDetali table").append(tr_str);

然后我执行以下操作:

$('.confirmation1').on('click', function(e) {
    e.preventDefault();
    var lnk = $(this).attr('href');
    var product_name = $(this).parents("tr").find("td").first().html();
    console.log(product_name);
    });

我不知道为什么我看不到这个工作。当我将光标移到表格右侧的十字图像上时(screenshot1 - 表格第 1 行和第 2 行，第 7 列)或单击它 - 没有任何反应。

我知道隐藏了很大一部分代码，但我不知道如何在此处附加文件。任何想法如何解决它？

---

更新1

我在这里复制了代码文件:https://www.dropbox.com/s/74bso1ux6noywhy/html.zip?dl=0

Answer 1

既然你已经使用 jQuery 附加了这个 html，那么你应该像这样使用 ON 事件:

$('body').on('click', '.confirmation1', function(e) {
    e.preventDefault();
    var lnk = $(this).attr('href');
    var product_name = $(this).parents("tr").find("td").first().html();
    console.log(product_name);
});