he creado este script para llamar a diferentes páginas con ajax usando jquery
Cita:
<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
