Problema con load

diego_angc · #1 (**permalink**) 12/08/2013, 15:12

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>

fhederico · #2 (**permalink**) 12/08/2013, 19:41

Hola,

Cuando cargas o llamas un archivo en tu pagina, es otra instancia de JQuery, distinta a la actual, por lo tanto, ese "alert" que mencionas debes colocarlo dentro del archivo que estas llamando para que lo reconosca, me explico?

Saludos