2009-08-29 4 views
28

Non sono stato in grado di trovare alcuna documentazione reale su questo, quindi mi chiedo se qualcuno conosce tutte le opzioni disponibili fx per jQuery UI Tabs?Schede dell'interfaccia jQuery - Opzioni fx disponibili

Gli unici che ho visto finora sono:

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

Un crossfade sarebbe bello, anche se non credo che ho visto questo fatto con le schede dell'interfaccia utente jQuery ancora.

Inoltre, non riesco nemmeno a trovare come specificare la velocità fx, sebbene la documentazione menzioni dovrei essere in grado di cambiarla.

risposta

41

In sostanza l'opzione fx viene utilizzato per chiamare animate, è possibile specificare una sola opzione o due in un array, che verrà utilizzato per fare lo spettacolo e nascondere gli effetti:

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

La velocità di fx può essere specificato utilizzando un membro duration sull'oggetto opzione.

Fondamentalmente si possono fare le stesse trasformazioni che è possibile con animare.

Dai un'occhiata al file ui.tabs.js, sulla riga 250 here, per capire meglio come sono configurate le animazioni.

+0

un'animazione può essere eseguita sul nuovo html (non sul html attualmente visualizzato)? – gkdm

+0

questa dissolvenza incrociata non corretta, perché nella dissolvenza incrociata non dovrebbe esistere bianco tra le schede cambia, sempre almeno uno dei contenuti della scheda esiste.permesso si può provare di nuovo a anwser? (è possibile impostare div posizione assoluta e fadeIn div1 e fadeout div2) – Yosef

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