多个表不起作用[重复]答案

【问题标题】：Multiple tables don't work [duplicate]多个表不起作用[重复]
【发布时间】：2017-01-01 02:39:10
【问题描述】：

我有一个按钮：

<td class="rigaconto">
  <a class="btn btn-default separa_conto" data-conto="2" data-toggle="tooltip" data-original-title="NewAccount"><i class="fa fa-sitemap"></i></a>
</td>

和 jQuery 代码：

$(function(){
  $(".separa_conto").click(function() {
    var conto = $(this).data('conto');
    var nuovoConto = conto + 1;
    alert(conto);
    $('#showAddeb_conto_'+ conto).removeClass('hidden').show('slow');
    $('#showAddeb_conto_'+ conto).append('<tr><td></td><td>Sogg</td><td>1000</td><td></td></tr>');
    $('.rigaconto').append('<a class="btn btn-default separa_conto" data-conto="'+ nuovoConto +'" data-toggle="tooltip" data-original-title="Separa conto"><i class="fa fa-sitemap"></i></a>');

    var table = $('<table></table>').attr('id','showAddeb_conto_'+ nuovoConto).addClass('table table-hover table-bordered hidden');
    var row = $('<tr><th></th><th>Further account</th><th></th><th></th></tr>');
    table.append(row);

    $('#tabelle_conti').append(table);

  });
});

但如果我点击两次“NewAccount”类不会出现第二个表。我的错误是什么？

【问题讨论】：

标签： jquery dynamic html-table

【解决方案1】：

您似乎正在尝试单击事件绑定后添加的按钮。您可以将事件附加到父元素（如<body>），但仅在由具有特殊类的按钮触发时触发。然后后面添加的按钮也会触发事件。像这样更改您的绑定：

$("body").on("click", ".separa_conto",function() 
    {
        ...

    })

【讨论】：

非常感谢您的提示。