Mi problema es el siguente.
Tengo un div#resultado
, el cual contiene una tabla la cual se llena con datos que consumo de un WebService. En dicha tabla hay un botón por cada fila que activa un modal para modificar los valores de la fila.
<button type="button" class="btn" name="btn_Mcontactos" id="btn_Mcontactos" value="{{contactoId}}">
<img src="public/img/carpeta.png" alt="Ver" style="height:25px; width:25px;" />
</button>
Cuando yo inserto un nuevo valor en la tabla, lo que hago es que actualizo el contenido de div#resultado
(creo la tabla nuevamente via AJAX). El problema es que cuando doy click en el botón de la tabla no pasa nada, me imagino que no se activa el script que muestra el modal.
¿Hay alguna manera de reiniciar los scripts sin recargar la página?
Código: mostrar y llenar modal del contacto a editar
$("button[name='btn_Mcontactos']").click(function(){
var valor = $(this).val();
var txtcontactoId = $("<input type='text' name='txtajax_contactoid' class='loader' />").val(valor);
var valor2 = $('#txt_Contactos_ProveedorId').val();
var txtproveedorid = $("<input type='text' name='txtajax_proveedorid' class='loader' />").val(valor2);
var valor3 = $('#txt_Contactos_ProveedorNombre').val();
var txtproveedornombre = $("<input type='text' name='txtajax_proveedornombre' class='loader' />").val(valor3);
$('#frm_ContactosLista').append(txtcontactoId);
$('#frm_ContactosLista').append(txtproveedorid);
$('#frm_ContactosLista').append(txtproveedornombre);
var url = "./webservice/llenarcontactos.php";
$.ajax({
type:"POST",
url: url,
data: $("#frm_ContactosLista").serialize(),
success: function(data){
$("#Mcontenido1").html(data);
$("#Modal_MContactos").modal();
}
});
return false;
});
Modal para modificar
El problema es que cuando doy click en el botón de la tabla no pasa nada, me imagino que no se activa el script que muestra el modal.
= ¿estás seguro que la nueva fila tiene el código que llama la función del modal?