2009-08-29 13 views
28

Nie mogłem znaleźć żadnej prawdziwej dokumentacji na ten temat, więc zastanawiam się, czy ktoś zna wszystkie dostępne opcje fx dla jQuery UI Tabs?Zakładki jQuery UI - Dostępne opcje fx

Jedynymi widziałem pory są:

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

crossfade byłoby miło, choć nie sądzę, widziałem to zrobić z zakładkami jQuery UI jeszcze.

Ponadto, nie mogę nawet znaleźć sposobu określenia prędkości FX, chociaż w dokumentacji wspomniano, że powinienem być w stanie to zmienić.

Odpowiedz

41

Zasadniczo opcja fx jest używany do wywołania animate można określić jedną opcję lub dwa w szeregu, który będzie używany do zrobić show i ukryć skutki:

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

Prędkość fx może być określony przy użyciu elementu duration w obiekcie opcji.

Zasadniczo można wykonać te same transformacje, które można z animować.

Zapoznaj się z plikiem ui.tabs.js, na linii 250 here, aby lepiej zrozumieć, w jaki sposób są konfigurowane animacje.

+0

Czy można przeprowadzić animację na nowym html (nie w aktualnie wyświetlanym html)? – gkdm

+0

to nie jest właściwe przenikanie, ponieważ w przecinku nie powinno być białe między zmianami kart, zawsze przynajmniej jedna z zawartości karty istnieje. Czy możesz spróbować ponownie do anwser? (możliwe jest ustawienie absolutnej pozycji div i fadeIn div1 i zejścia div2) – Yosef

11
opacity: "toggle"; 
height: "toggle"; 
width: "toggle"; 
Powiązane problemy