Wie wird die Klasse der Elemente in der Reihenfolge umgeschaltet?

8

Ich versuche, die Klasse jedes Elements nacheinander einzeln nacheinander zu ändern. Dies bedeutet, dass Element 1 leuchtet und dann erlischt, wenn Element 2 leuchtet und dann erlischt und so weiter. Wenn jedes Element leuchtet, beginnt die gesamte Sequenz erneut.

%Vor% %Vor%

Es funktioniert nicht wie erwartet (Elemente 2 bis 4 markieren alle gleichzeitig und gehen dann aus, während Element 1 sich überhaupt nicht ändert) und ich weiß nicht warum. Was mache ich falsch?

    
Cain Nuke 05.05.2016, 18:45
quelle

4 Antworten

4

Also ja, du brauchst das .none nicht. Verwenden Sie einfach Ihre Standardstile und die .highlight -Klasse.
Holen Sie sich die Anzahl der Elemente, erstellen Sie eine c ounter, inkrementieren Sie sie und führen Sie eine Schleife mit % Reminder Operator:

aus

%Vor% %Vor% %Vor%

Einige Dokumente:
Ссылка
Ссылка

    
Roko C. Buljan 05.05.2016, 19:04
quelle
3

Lösung:

Ändere .none by .highlight , wie folgt:

%Vor% %Vor% %Vor%

Andere Möglichkeiten:

%Vor% %Vor% %Vor%
    
Hors Sujet 05.05.2016 18:55
quelle
3

Die Klasse none zusammen mit den toggleClass() Aufrufen kann beim Durchlesen etwas verwirrend sein. Sie könnten besser dran sein, indem Sie einfach Ihr aktuelles hervorgehobenes Element über div.highlight verfolgen und mit dem folgenden aktualisierten Code bestimmen, welcher als nächstes ausgewählt werden soll:

%Vor%

Beispiel

Sie können hier ein Beispiel hierfür in Aktion sehen und unten demonstrieren:

Das Bild dient nur als Beispiel und das Timing könnte anders aussehen als der tatsächliche Code, der ausgeführt wird ... :)

    
Rion Williams 05.05.2016 18:59
quelle
1

Sie könnten diesen Ansatz versuchen.

JavaScript

%Vor%

Geige

    
Peter Darmis 05.05.2016 19:39
quelle

Tags und Links