por que esto no funciona?
tengo una variable con una estructura html
que al hacer click en un boton la imprimo en una etiqueta p
para luego al boton que se encuentra en esa variable agregarle una funcion click
pero al hacer esto no me funciona.
lo mismo pasa cuango lo hago con ajax
que por ejemplo si hago lo mismo con ajax tengo que agregar denuevo el script
en el ajax para que pueda funcionar la funtion, a que se debe esto?
NOTA: los estilos css si los toma la variable con el contenido html
pero no el script
aqui les dejo un ejemplo de lo que trato de hacer
$(document).ready(function(){
var contenido=`
<div>
<button id="pinchar2"> pinchar</button>
</div>
`;
$('#pinchar').click(function() {
alert("pinchado")
$('p').html(contenido);
});
//luego al tratar de agregar la misma funcion a la variable me falla
$("#pinchar2").click(function(){
alert("pinchado")
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div>
<button id="pinchar">check</button>
</div>
<p></p>
$(document).on("click","#pinchar2",function(){ ....});