Jquery - Problema con load

giacaman · #1 (**permalink**) 03/02/2010, 03:43

Estimados amgos. necesito que me ayduen con el sigueinte problema:

Desde una pagina php llamo con el metodo load() una pagina php2 y la cargo en un div.

Resulta que en la pagina php2 necesito insertar un link que al ser apretado me cierre el div que cargo.

Ejemplo:

pagina1.php :

Código HTML:

<html><head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){

//Cargamos el div al apretar el link1
$('.link1').click(function(){
      $("#div1").slideDown(1000, function(){
           $("#buildmsg").load("mipagina.php", function(){
            // Ponemos la respuesta de nuestro script en el DIV recargado
            });	
       });	
});


});
</script>
</head>
<body>
<a="#" id="link1">Enlace</a>
<div id="div1"></div>
</body>
</html>

Muy bien... con esto, al hacer click en el vinculo, me carga el contenido de pagina2php

El contenido de pagina2.php da lo mismo. el punto es que quiero que desde el contenido cargado por load pueda cerrarse la venta div llamada "div1".

Atento a sus consultas y respuestas.

Dany_s · #2 (**permalink**) 03/02/2010, 05:10

cuando quieres manejar eventos en elementos creados con ajax, append o lo que sea tenes que usar el evento live

Código HTML:

<html><head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

//Cargamos el div al apretar el link1
    $('#link1').click( function(){
        $("#div1").load("otro.html", function(){
            $("#div2").prepend("Se cargó ");
        });
    });
    
$('#div1 a').live('click', function (){
        $('#div2').remove();
    });
});
</script>
</head>
<body>
<a href="#" id="link1">Enlace</a>
<div id="div1">Mi div1</div>
</body>
</html>

otro.html

Código HTML:

<div id="div2">mi div externo <a href="#">Cerrar</a></div>

giacaman · #3 (**permalink**) 04/02/2010, 15:14

Muchas gracias... Me funciono de maravillas.