Hola tengo el siguiente problema. He buscado mucho, aqui y en google y no logro dar con el problema.
Tengo una tabla que se actualiza dinamicamente: PHP + Mysql + Jquery
La tabla que se carga inicialmente queda asi:
<table class="table table-striped table-bordered table-hover">
<tbody>
<tr>
<td><i class="fa fa-envelope fa-1x" title="Cerrada"></i> RA 02-16 </td>
<td>15-087B-16-1</td>
<td>950,00</td>
<td style="text-align: right">118385,50</td>
<td style="text-align: right">118385,57</td>
<td style="text-align: center"><a href="#viewC" data-value="4" data-toggle="modal" class="link-view-c"><i class="fa fa-eye link-view-c-child" data-value="4" aria-hidden="true"></i></a></td>
</tr>
<tr>
<td><i class="fa fa-envelope fa-1x" title="Cerrada"></i> RA 17-17</td>
<td>15-087B-17-2</td>
<td>142,00</td>
<td style="text-align: right">11112,12</td>
<td style="text-align: right">11112,12</td>
<td style="text-align: center"><a href="#viewC" data-value="14" data-toggle="modal" class="link-view-c"><i class="fa fa-eye link-view-c-child" data-value="14" aria-hidden="true"></i></a></td>
</tr>
</tbody>
Tengo lo siguiente para capturar el ID que defino en el campo data-value en el link en la ultima columna.
<script>
$(document).ready(function () {
$(".link-view-c").on('click', '.link-view-c-child', function () {
v = $(this).data('value');
alert(v);
});
});
El problema es que cuando se inicializa la tabla, carga el primer bloque, obtengo el ID, pero cuando paso al siguiente bloque no hace nada. Y uso
on('evento', 'destino', function())
se supone que la class link-view-c-child a partir del segundo bloque dispare el evento.
Alguna ayuda que me destrabe esto por favor.
Sldos
$('.link-view-c')
por$('.table')
. Y qué es lo que se cambia dinámicamente del DOM?