jQuery UI: diálogo mostrar/ocultar efectos con las opciones

Question

Es posible especificar opciones para mostrar y ocultar las opciones de un cuadro de diálogo en jQuery UI.

Por ejemplo, en lugar de:

$('#dialog').dialog({ 
    show: 'fade' 
}); 

Algo así como:

$('#dialog').dialog({ 
    show: {effect: 'fade', speed: 1000} 
}); 

(. El código anterior no, por supuesto, el trabajo)

lo que realmente estoy tratando para utilizar es el método "completo" dentro del efecto, o una función de devolución de llamada, por lo que puedo seleccionar un texto después de que se realiza el efecto.

Si alguien sabe, gracias.

Answer 1

Puede utilizar esta:

$("#dialog").dialog({ 
     autoOpen: false, 
     hide: 'fold', 
     show: 'blind' 
}); 

Y establecer dos efectos diferentes para ocultar y mostrar.

No puede usar el método "completo". Al menos no con la versión real. Esa característica es planned for release 1.9

creo que sirve

Answer 2

No sé cómo especificar todas las opciones, pero se las arregló para especificar la velocidad, que es la opción que tiene en su ejemplo. Lo hice de la siguiente manera:

$('#dialog').dialog({ 
show: {effect: 'fade', duration: 250} 
hide: {effect: 'fade', duration: 5000} 
}); 

duración es la cantidad de milisegundos que durará la animación. Descubrí esto al recorrer el javascript con Firebug.

Answer 3

Para ver las opciones de cada efecto, puede ir al http://docs.jquery.com/UI/Effects y hacer clic en el efecto que desea ahora con las opciones específicas. Por ejemplo http://docs.jquery.com/UI/Effects/Bounce

Ah, y por cierto, Fade Effect no tiene argumentos específicos. Si se utiliza el efecto de rebote aquí hay un ejemplo de código:

$('#dialog').dialog({ 
show: {effect: 'bounce', duration: 350, /* SPECIF ARGUMENT */ times: 3} 
}); 

Answer 4

Prueba esto:

snippet.dialog({ 
open: function(event, ui) { 
    snippet.hide(); 
    snippet.fadeIn(); 
}}); 

Answer 5

me gustaría añadir que se puede especificar la duración global de efectos añadiendo lo siguiente en el documento.

$.fx.speeds._default = duration; 

duración puede ser una opción ('lento', 'rápido', etc.) o un número en milisegundos