Pregunta

Tengo un evento de clic que comprueba si un formulario es correcta, es decir llenada detalles .. y luego llamar a una función que hace esto

$('#message_text').html(text);
$('#message_system').fadeIn("slow");
$('#message_system').animate({ opacity: 1.0 }, 5000)
                    .fadeOut('slow', function() {
                        $(this).hide();
                    });

Todo funciona bien, siempre y cuando te espero .. si hago doble clic en el botón dos veces, por ejemplo, que deja de mostrar ...

supongo que si es ocultado () entonces fadeIn () mostrará automáticamente?

¿Alguien tiene alguna experiencia con esto ??

Lo que probablemente me gustaría hacer es en el segundo clic a continuación disgard efectos actuales y volver a mostrar la nueva messaage

Gracias

¿Fue útil?

Solución

No estoy seguro de si esto es lo que está buscando, pero ¿has mirado en el método stop (). Puede saltar directamente al final de las animaciones actuales llamando $('#message_system').stop(true, true) antes de comenzar de nuevo.

Otros consejos

if ( ! $(this).is(':animated') ) {
    // Do the animation...
}
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top