Twitter Bootstrap Karussell: Holen Sie sich die Richtung der Folie

8

Wie kann ich feststellen, ob das Karussell nach links oder rechts gleitet? Ich habe mir die Dokumentation für die Veranstaltungen angeschaut und geschoben, aber keine relevanten Informationen über die Richtung der Folie geliefert.

Ich habe auch das Event-Objekt untersucht, das an den Event-Handler für das glide-Event übergeben wird, aber ich kann auch dort keine brauchbaren Hinweise finden.

Jede Hilfe wäre willkommen!

    
William 14.09.2012, 18:36
quelle

3 Antworten

7

Soweit ich sehen kann, stellt twitter bootstrap nicht dar, in welche Richtung sich das Karussell über das Event-Objekt bewegt. Es fügt jedoch den Elementen, die an der Folie beteiligt sind, eine "rechte" oder "linke" Klasse hinzu.

Also im Grunde sehe ich 2 Optionen. Zeigen Sie die Richtung im Ereignisobjekt an oder suchen Sie nach der rechten oder linken Klasse für die Elemente.

Option 1:

Sie müssen den Bootstrap-Karussell-Code ändern. Ändern Sie im Karussell die Funktion:

%Vor%

bis

%Vor%

(um Zeile 337-340 in der normalen Version von bootstrap.js)

und dann können Sie die Richtung mit etwas wie diesem erhalten:

%Vor%

ODER Option2:

Warten Sie einige Zeit, bis die Klasse css "left" oder "right" zum Element hinzugefügt wurde und prüfen Sie dann, ob diese Klasse vorhanden ist.

%Vor%

Benötigt die Zeitüberschreitung, da zwischen dem Zeitpunkt, zu dem das Ereignis ausgelöst wird und wenn die Klassen links rechts gesetzt sind, eine Wettlaufsituation besteht. Offensichtlich ist dies eine Hacker-Lösung, aber Sie müssen den Bootstrap-Code nicht ändern. Es gibt wahrscheinlich auch andere Optionen, aber ich denke, dass Option 1 die beste ist.

Bearbeiten: In der neuesten Version von bootstrap css (2.1.1) Die Zeilenänderung für Option 1 wäre:

(Zeile 340) von:

%Vor%

zu:

%Vor%     
hajpoj 15.09.2012, 01:26
quelle
7

Ab 3.0.0-rc1 funktioniert der Zugriff auf das aktive Element, das nächste Element, von Index, Index und Schieberichtung. Fühlen Sie sich frei, die Spezifität Ihrer Selektoren nach Bedarf zu verringern.

%Vor%     
furf 08.08.2013 22:19
quelle
4

Für Twitter Bootstrap 3:

%Vor%     
paulalexandru 21.01.2015 14:43
quelle