Sobre Jquery y Función Load

[fr1974]

he creado este script para llamar a diferentes páginas con ajax usando jquery

<script>

$(document).ready(function()
{

$("#load_content").load("index.php");
$("#load_content").show("drop", { direction: "down" }, 1000);


$("#gif").fadeIn("slow");
$("#gif").fadeOut("slow");
});


$(document).ready(function(){

$("#buton1").click(function(){
//$(“div#texto”).hide().load(“test.html”).fadeIn(“sl ow”);
//$("#load_content").show("drop", { direction: "down" }, 2000);



$("#load_content").show("drop", { direction: "down" }, 2000).load("efecto1.php");

$("#gif").fadeIn("slow");
$("#gif").fadeOut("slow");

});



return false;
}
);
</script>


<div id="buton1">ddddddd</div>
<div id="buton2">dddddd22d</div>

<div id="contenedor">
<div id="load_content"></div>
</div>

<div id="gif" style="display:none;"><img src="ajax-loader.gif"></div>

El tema es que todo funciona correctamente , cuando cargo la página la página por defecto se carga con el efecto drop y todo correcto , el problema viene cuando pulso para el efecto o evento "click" simplemente se me carga la otra página a la que llama ajax con jquery pero no se produce el efecto de drop , ¿ Cuándo se produce ? , se produce cuando le vuelvo a pulsar al botón , pero mientras tanto al primer toque , no se carga el efecto y eso que es para ejecutarse al cargar la llamada a la página , por eso que me resulta curioso este particular


Podría alguien explicarme el por que de esto , si es normal o hay alguna forma de solucionarlo , para que en cada click se cargue la página con el efecto ; muchas gracias

[mayid]

Usa el callback. Load trae la posibilidad de un callback, es decir que te permite ejecutar codigo tras haber cargado el div. Sino, quizas tu drop se ejecuta antes de actualizar el dom.

[fr1974]

Iniciado por mayid

Usa el callback. Load trae la posibilidad de un callback, es decir que te permite ejecutar codigo tras haber cargado el div. Sino, quizas tu drop se ejecuta antes de actualizar el dom.

Muchas gracias por el aporte , pero no llevo mucho tiempo con jquery no obstante estoy avanzando muy rápido , podias decirme como implementar esto o donde mirarlo , he revisado el tema pero no encuentro para lo que quiero la solución , muchisimas gracias desde ya , Un saludo

[mayid]

La principal referencia es la pagina de jquery:
http://api.jquery.com/load/

The provided callback, if any, is executed after this post-processing has been performed:
$('#result').load('ajax/test.html', function() {
alert('Load was performed.');
});

Y este es un enlace que me parece bueno para aprender ajax en jquery:
http://www.anieto2k.com/2009/08/18/5...ax-con-jquery/