多个表不起作用

时间:2016-06-01 21:08:57

标签: jquery dynamic html-table

我有一个按钮:

<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”就不会出现第二个表。我的错是什么?

1 个答案:

答案 0 :(得分:0)

看起来您正在尝试单击事件绑定后添加的按钮。您可以将事件附加到父元素(如<body>),但只有在具有特殊类的按钮触发时才会触发。然后稍后添加的按钮也将触发事件。像这样改变你的装订:

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

    })