Heim > Fragen und Antworten > Hauptteil
Fügen Sie mit TailwindCSS und Flowbite ein Karussell zu meiner Seite hinzu. Ich habe außerdem ein Kippschalterelement hinzugefügt, mit dem ich grundsätzlich zwischen den beiden Elementen im Karussell wechseln kann (aktiviert = Folie 2, deaktiviert = Folie 1).
Das funktioniert – ich blieb beim Versuch hängen, diesen Schalter beim Laden basierend auf dem in localStorage gespeicherten Wert auf „Folie 2“ zu setzen.
Ich habe überprüft, dass meine localStorage-Werte korrekt gespeichert/abgerufen werden (als „Ja“- und „Nein“-Zeichenfolgen). Ich habe dann versucht, das Karussell beim Laden auf Folie 1 („Nein“-Wert) oder Folie 2 („Ja“-Wert) einzustellen, aber egal was ich versuchte, es zeigte immer Folie 1.
Ich habe die Methoden „slideTo()“ und „next()“ ausprobiert, aber keine scheint zu funktionieren (sie funktionieren im Änderungsereignis, aber nicht in meiner Ladefunktion).
Keine Fehler in der Konsole. Wie gesagt, der Schalter funktioniert einwandfrei, nachdem die Seite geladen wurde und korrekt zwischen den Folien wechselt. Beim Laden der Seite wird nur nicht die richtige Folie eingestellt (die angezeigte Folie stimmt also nicht mit den genauen Einstellungen des Schalters überein).
Dokumentation zum Flowbite-Karussell: https://flowbite.com/docs/components/carousel/
Das ist mein Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 |
|
P粉3919557632024-03-22 20:26:41
您正在以编程方式更改选中的属性,这不会触发更改事件。由于未触发更改事件,因此不会调用事件侦听器。
触发更改事件的一种方法:
1 2 |
|
因此,在您的代码中,它将变为:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
|