[SOLUCIONADO] redireccionar con javascript

[bibliotecario_oscuro]

tengo el siguiente codigo de jquery ui:

Código Javascript:

$(function() {
     $("#mi_div").fadeOut(2000);
});
 

con este codigo yo llamo a un div y despues de sierto tiempo hago que se desvanesca y loq uie quiero hacer es que cuando termine el tiempo para que se desvanesca me redireccione a otra web. ¿como lo puedo hacer? tengo entendido que es con a funcion de windows.relocate o algo asi no recuerdo bien y otra funcion que es .chain() pero no he logrado hacerlo funcionar, ¿podrian orientarme?

[Alexis88]

El método fadeOut acepta una función como segundo argumento para cuando se termine el efecto. En dicha función, realizarías el redireccionamiento:

Código Javascript:

$("#mi_div").fadeOut(2000, function(){
    window.location = "ejemplo.php";
});
 

Saludos

[bibliotecario_oscuro]

muchisimas gracias por la ayuda compañero, de verdad, me has ayudado mucho. el codigo como lo pusiste no me daba asi que se me ocurrio colocarlo entre este otro, asi como los tengo en los ejemplos del jquery ui y si me da:

Código Javascript:

$( document ).ready(function() {
   $("#mi_div").fadeOut(2000, function(){
       window.location = "index.php";
    });
 });
 

muchisimas gracias de nuevo por la ayuda. comparto este codigo con el resto de la comunidad para los que lo necesiten.

[Alexis88]

Seguramente no funcionaba porque lo colocaste en la cabecera del documento. Cuando está ahí, tienes que colocarlo entre $(document).ready(function(){...}); para que funcione. Otra forma hubiera sido colocando el código justo antes de la etiqueta </body> pues debes de saber que el código carga de arriba hacia abajo, es decir, colocando el código JavaScript en la cabecera, éste cargará antes que los elementos del documento a los que pretendes afectar, por lo que al no existir estos durante la carga del código JavaScript, no se produce ningún efecto.

Saludos