0

En una página (index.php) tengo un div ('#cuerpo'), dentro de este cuerpo cargo contenido mediante ajax.

Mi problema es que tengo cuando cargo opciones.php dentro de #cuerpo, jquery no funciona, pero si en el navegador cargo directamente opciones.php jquery si me funciona.

La libreria jquery he probado a ponerla en index.php y en opciones.php, pero aun asi no me funciona jquery, ¿alguien me da la respuesta?

El siguiente codigo es lo que contiene "opciones.php", y como digo, si lo muestro dentro de #cuerpo no funciona jquery.

<!DOCTYPE html>
<html>
<head>
	<title></title>
<style type="text/css">
	#opciones{
		width: 300px;
		height: 100px;
		background: #d1d1d1;
	}
	#editar{
		width: 300px;
		height: 120px;
		background: pink;
	}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#editar").hide();
	});

	function editar_opciones(){
		$("#editar").show();
		$("#opciones").hide();
	}

	function actualizar_opciones(){
		$("#editar").hide();
		$("#opciones").show();
	}

</script>
</head>
<body>
	<div id="opciones">
		Nombre: Vemos opciones<br>
		<button onclick="editar_opciones()">Editar</button>
	</div>
	<div id="editar">
		Nombre: Editamos opciones
		<button onclick="actualizar_opciones()">Ver</button>
	</div>
</body>
</html>

6
  • El código incluído no tiene un div con id=cuerpo
    – Rubén
    Commented el 15 abr. 2018 a las 16:59
  • Puedes intentar meter todo en un ${body}.on('click', function(){}). Cuando se crean los elementos con ajax no tienen eventos asignados. Con .on cada vez que des click en el body se ejecutara la función.
    – Legna
    Commented el 15 abr. 2018 a las 17:00
  • Por otro lado al usar Stack Snippet deberías colocar cada tipo de código en el panel que le corresponde. En cuanto al html no hace falta que incluyas las etiquetas DOCTYPE, head, body y html pues estas son agregadas por la página de la pregunta.
    – Rubén
    Commented el 15 abr. 2018 a las 17:02
  • el div#cuerpo está en el index.php, este archivo(opciones.php) es un archivo externo que se mostrará con ajax dentro del index.php#cuerpo Commented el 15 abr. 2018 a las 17:02
  • Lo curioso es que en #cuerpo cargo otros archivos y en esos archivos si me funciona jquery, pero con opciones.php no Commented el 15 abr. 2018 a las 17:03

1 respuesta 1

0

intenta usar

$( "#cuerpo" ).load( "opciones.php" );

Si vienen scripts dentro de la respuesta se ejecutarán.

http://api.jquery.com/load/

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.