JQuery - jquery ajax duda

   
Vista:

jquery ajax duda

Publicado por diego garcia (10 intervenciones) el 12/08/2013 21:51:01
Buenas tardes tengo el siguiente problema:

cuando doy click en cada uno de los enlaces me carga la pagina deseada por el metodo load de jquery, el problema esta que cuando quiero manipular el contenido que he traido no puedo, en el ejemplo esta de al dar click en el parrafo de inicio.php simplemente de una alerta pero no pasa nada es como si no dejara interactuar con ese contenido cargado a travez de load(), no se si estoy manipulando mal los metodos .

tengo un index.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>Mi Pagina</title>
		<script type="text/javascript" src="jquery-1.9.1.js"></script>
		<script type="text/javascript" src="codigo.js"></script>
 
	</head>
 
	<body>
 
 
		<div id="div_central">
 
 
			<div id="menu" class="menuani">
				<ul id='ul_navegacionpcpal'>
					<li><a href="javascript: void(0)" id="1" class="amenu">INICIO</a></li>
					<li><a href="javascript: void(0)" id="2" class="amenu">NOTICIAS</a></li>
					<li><a href="javascript: void(0)" id="3" class="amenu">EVENTOS</a></li>
					<li><a href="javascript: void(0)" id="4" class="amenu">ARCHIVO</a></li>
					<li><a href="javascript: void(0)" id="5" class="amenu">DEPENDENCIAS</a></li>
					<li><a href="javascript: void(0)" id="6" class="amenu">NOSOTROS</a></li>
					<li><a href="javascript: void(0)" id="7" class="amenu">SUGERENCIAS</a></li>
				</ul>
			</div>
 
			<div id='c2'></div>
 
		</div>
	</body>
</html>



un acrhivo codigo.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
var x;
x = $(document);
x.ready(inicio);
 
function inicio(){
	var x;
	x = $(".amenu");
	x.click(cargaopc);
	y = $("#val");
	y.click(ver);
}
 
function cargaopc(){
	var target = $(this).attr("id");
	var ent = parseInt(target);
 
	switch(ent){
		case 1:
			$("#c2").load('php/navegacion/inicio/inicio.php');
		break;
		case 2:
			$("#c2").load('dr_php/dr_pgs_nav/dr_cnt_pag_noticias_nav/pag_noticias.php');
		break;
	}
}
 
 
function ver(){
	alert('hola');
}



el archivo inicio.php que solo tiene una line de prueba

<p id='val'>holaaaa</p>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

jquery ajax duda

Publicado por xve (557 intervenciones) el 13/08/2013 11:25:48
Hola Diego, no se ver donde intentas acceder a los datos traidos por $("#c2").load()

Si nos puedes mostrar como intentas acceder a los dato...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

jquery ajax duda

Publicado por diego garcia (10 intervenciones) el 13/08/2013 15:18:13
lo que he traido por load es <p id='val'>holaaaa</p> , en el escript tengo esto que dandole click al parrafo traido me mostrara un alert, pero no funciona:

y = $("#val");
y.click(ver);

solo quiero mostrar una alerta de prueba dando click en ese parrafo que fue el que se trajo por el load.

espero hacerme entender gracias =D
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve

jquery ajax duda

Publicado por xve (557 intervenciones) el 13/08/2013 19:33:43
Hola Diego, gracias por comentármelo, no lo había visto....

El problema lo tienes, porque cuando se carga el DOM de la pagina, no existe el id "val" por eso aunque luego lo pongas con jquery, para la función inicio sigue sin estar.

Para ello, cuando cargues el contenido, tienes que recargar las funciones... en este caso, con tu ejemplo, no se muy bien como hacerlo, ya que cuando carga la página te tiene que dar error, ya que indicas que realice un click a un id que no existe.

No se si me he explicado bien... coméntame, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

jquery ajax duda

Publicado por diego garcia (10 intervenciones) el 13/08/2013 21:09:25
si ya veo cual es tu punto y tienes razón ahora que lo pienso, no necesariamente tiene que hacerse como lo muestro lo único que deseo es interactuar con los objetos que traído por load, como debo llamar a esa función o como debo recargarla gracias ;)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve

jquery ajax duda

Publicado por xve (557 intervenciones) el 14/08/2013 00:39:41
Hola Diego, para ello, puedes hacer algo así:
1
2
3
4
5
$("#c2").load('dr_php/dr_pgs_nav/dr_cnt_pag_noticias_nav/pag_noticias.php', function(){
    // este código se ejecuta cuando se ha cargado el contenido del php
    // por ejemplo, puedes programar los eventos que hacen referencia
    $("#val").click(.....);
});
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

jquery ajax duda

Publicado por diego garcia (10 intervenciones) el 14/08/2013 04:16:14
Muchas gracias xve si estaba pensando en lo mismo, hice la prueba y funciona, muchas gracias por que tus respuestas me han aclarado el tema ;)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar