javascript - ejemplos - jquery ui slide

¿Es posible tener un control más granular sobre el método show/hide de Widget de jQuery UI Dialog Widget?

Question

Actualmente parece que solo puedo usar efectos en su forma más básica cuando uso el widget Dialog. Por ejemplo, lo siguiente usará el efecto de caída para mostrar y ocultar el cuadro de diálogo:

$(''#dialog'').dialog({show:''drop'', hide:''drop''});

Sin embargo, el valor predeterminado para el método de colocación siempre baja a la izquierda. Lo que realmente quiero es que caiga hacia la derecha. Algo como esto:

$(''#dialog'').dialog({
   show:{effect:''drop'', direction:''right''},
   hide:{effect:''drop'', direction:''right''}
});

es posible?

Actualmente estoy usando 1.6rc6. También lo probé 1.5.3 (estable) sin suerte.

Después de profundizar un poco en la fuente, no creo que esto sea compatible con las versiones 1.5.3 y 1.6rc *. Probablemente requiera un cambio en la API antes de que la funcionalidad anterior sea compatible. Steerpike ha encontrado una versión que probablemente debería estar en la línea principal. Si alguien sabe lo contrario, corrígeme.

Answer 1

En realidad, puedes usar cualquiera de los efectos de jQuery UI; por ejemplo, pulsar

$("#dialog").dialog({ show: "pulsate" });

Hay mucho que encontrar aquí: http://docs.jquery.com/UI/Effects/

Tenga en cuenta que existe una dependencia en effects.core.js.

Intenté pasar una opción (como lo hiciste) a ''mostrar'', no funcionó. También traté de hacer que ''show'' fuera una función, sin suerte.

Lo que funciona sin embargo es:

$("a").click(function() {
    $("#dialog").hide("drop", { direction: "right" }, 1000);
});

Answer 2

Puede encontrar útil este enlace de cuadros de diálogo . En particular, el segundo de la derecha. No estoy seguro de si está usando el complemento de diálogo estándar, pero debería poder resolverlo a partir de los ejemplos que usan.

Answer 3

Esto actualmente no es posible con 1.6 y 1.7.1.