Buena tarde, tengo el siguiente inconveniente:
tengo un menu por medio del cual cargo unos archivos php en un div, todo bien hasta ese paso, cuando intento manipular alguna de las etiquetas traidas al div por medio del load no me deja, es decir cargo en un div el archivo inicio.php el cual tiene una etiqueta como esta <p id='prueba'></p> desde jquery quiero que al dar click en ese parrafo salga una alerta pero no sirve es como si la etiqueta fuera invisible, nose se en que estoy equivocado, estos son los tres archivos:
index.php
Código PHP:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Secretaría de Educación, Bienvenido</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>
codigo.js
Código Javascript
:
Ver originalvar x;
x = $(document);
x.ready(inicio);
function inicio(){
var x;
x = $(".amenu");
x.click(cargaopc);
y = $("#prueba");
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');
}
inicio.php
Código PHP:
<p id='prueba'>click aqui<p>