2016-06-01 4 views
0

У меня есть кнопка:несколько таблиц не работают

<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» не появляется второй таблицы. Какая у меня ошибка?

ответ

0

Похоже, вы пытаетесь нажать кнопку, которая была добавлена ​​после привязки события. Вместо этого вы можете привязать событие к родительскому элементу (например, <body>), но только при срабатывании кнопок со специальным классом. Затем кнопки, добавленные позже, также инициируют событие. Измените привязку так:

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

    }) 
+0

Большое спасибо за ваш отзыв. – Daniele

Смежные вопросы