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
un acrhivo codigo.js
el archivo inicio.php que solo tiene una line de prueba
<p id='val'>holaaaa</p>
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
0
