estimados , tengo el siguiente problema y no logro saber el porque sucede.
parte del codigo realiza los siguientes pasos.
1.- boton "registrate" ejecuta una funcion que inyecta mediante ajax un codigo html, que es tan solo un nuevo boton llamado "btnregistrar".
2.- el boton "btnregistrar" tiene un listener click(function()....) para solo desplegar por ahora un console.log("ahora");
pero resulta que el codigo del "btnregistrar" cuando lo inyecto con ajax no hace nada, si lo copio y lo pego directo en el index, si ejecuta el console.log("ahora");
tengo entendido que el dom es dinamico, si estoy mal me corrigen, pero por lo que veo mi problema radica en que el dom , no se esta actualizando.
aca va el extracto del codigo.
index.php
<div id="registrate" class="cal_reg subt">REGISTRATE</div>
<div id="contentregistro"></div>
Jquery
$(document).ready(function () {
//function que llamara al php que me trae el nuevo boton
$("#registrate").click(function(){
$.ajax({
type: "POST",
url: 'accion.php',
async: false,
data : { accion: "registrate" },
success: function(data) {
$("#contentregistro").html(data);
}
});
});
//Accion que le designo al boton llamado
$("#btnregistrar").click(function(){
console.log("ahora");
});
});
PHP accion.php
if($accion=="registrate"){
echo '<input type="button" id="btnregistrar" name="btnregistrar" value="REGISTRAR">';
exit;
}
PD: utilizo jquery-2.0.2.min