2009-08-29 17 views
28

No he podido encontrar ninguna documentación real sobre esto, así que me pregunto si alguien sabe todas las opciones fx disponibles para jQuery UI Tabs?jQuery UI Tabs - opciones de fx disponibles

Los únicos que he visto hasta ahora son:

  1. opacity: "toggle";
  2. height: "toggle";

un fundido cruzado estaría bien, aunque no creo que he visto este hecho con jQuery UI Tabs todavía.

Además, ni siquiera puedo encontrar cómo especificar la velocidad de fx, aunque la documentación menciona que debería ser capaz de cambiarlo.

Respuesta

41

Básicamente la opción FX se utiliza para llamar animate, se puede especificar una única opción o dos en una matriz, que se utiliza para hacer el show y ocultar efectos:

$('#tabs').tabs({ fx: [{opacity:'toggle', duration:'normal'}, // hide option 
         {opacity:'toggle', duration:'fast'}] }); // show option 

La velocidad FX se puede especificado utilizando un miembro duration en el objeto de opción.

Básicamente puede hacer las mismas transformaciones que con animaciones.

Eche un vistazo al archivo ui.tabs.js, en la línea 250 here, para comprender mejor cómo se configuran las animaciones.

+0

¿se puede realizar una animación en el nuevo html (no en el html que se muestra actualmente)? – gkdm

+0

este desvanecimiento cruzado no apropiado, porque en el desvanecimiento cruzado no debería existir el blanco entre las pestañas cambia, siempre existe al menos uno de los contenidos de pestañas. ¿Por qué puede intentarlo de nuevo? (es posible hacer la posición div absoluta y fadeIn div1 y fadeout div2) – Yosef

11
opacity: "toggle"; 
height: "toggle"; 
width: "toggle";