2009-08-29 21 views
28

Ich konnte keine echte Dokumentation zu diesem Thema finden, also frage ich mich, ob jemand alle verfügbaren fx Optionen für jQuery UI Tabs kennt?jQuery UI Tabs - Verfügbare FX-Optionen

Die einzige, die ich bisher gesehen habe, sind:

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

Eine Überblendung wäre schön, obwohl ich nicht glaube, ich dies getan gesehen habe mit jQuery UI Tabs noch.

Auch ich kann nicht einmal finden, wie man die fx Geschwindigkeit angibt, obwohl die Dokumentation erwähnt, dass ich in der Lage sein sollte, es zu ändern.

Antwort

41

Grundsätzlich ist die fx-Option verwendet wird animate anrufen, können Sie eine einzelne Option oder zwei in einem Array angeben, die verwendet werden, um die Show und verstecken Effekte zu tun:

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

Die Geschwindigkeit fx sein kann spezifiziert mit einem duration Mitglied auf dem Optionsobjekt.

Grundsätzlich können Sie die gleichen Transformationen, die Sie mit animieren können.

Werfen Sie einen Blick auf die Datei ui.tabs.js, in der Zeile 250 here, um besser zu verstehen, wie die Animationen eingerichtet werden.

+0

kann eine animation auf dem neuen html ausgeführt werden (nicht der aktuell angezeigten html)? – gkdm

+0

diese nicht richtige Überblendung, da bei Überblendung sollte Weiß zwischen den Tabs nicht ändern bestehen, immer mindestens eine der Tab-Inhalt exist.please können Sie versuchen, erneut anwser? (es ist möglich, die div Position absolut und fadeIn div1 und fadeout div2 zu machen) – Yosef

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