2009-08-29 7 views
28

Je n'ai pas trouvé de documentation à ce sujet, donc je me demandais si quelqu'un connaissait toutes les options fx disponibles pour jQuery UI Tabs?Onglets de l'interface utilisateur jQuery - Options fx disponibles

Les seuls que je l'ai vu jusqu'à présent sont:

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

Un fondu enchaîné serait bien, mais je ne pense pas que je l'ai vu cela avec jQuery UI Tabs pour le moment.

Aussi, je ne peux même pas trouver comment spécifier la vitesse fx, bien que la documentation mentionne que je devrais pouvoir le changer.

Répondre

41

Fondamentalement, l'option FX est utilisée pour appeler animate, vous pouvez spécifier une seule option ou deux dans un tableau, qui sera utilisé pour faire le spectacle et se cacher des effets:

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

La vitesse fx peut être spécifié à l'aide d'un membre duration sur l'objet option.

Fondamentalement, vous pouvez faire les mêmes transformations que vous pouvez animer. Consultez le fichier ui.tabs.js sur la ligne 250 here pour mieux comprendre comment les animations sont configurées.

+0

une animation peut-elle être effectuée sur le nouveau code HTML (pas le code HTML actuellement affiché)? – gkdm

+0

ce cross-fade pas approprié, parce que dans cross-fade ne devrait pas exister blanc entre les onglets changent, toujours au moins un du contenu de l'onglet existe.Peut-on réessayer à anwser? (il est possible de faire div position absolue et fadeIn div1 et fadeout div2) – Yosef

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