localStorage - Eine Lösung aber unzufrieden

[Rolf B]

Hallo Bernd,

der Ready-Handler ist in 99% der Fälle der richtige Ort für Initialisierungen. Dies hier ist eine 1% Situation.

Wenn Du aus deinem Script die Zeile

$('.gallery-widget').toggleClass(localStorage.toggled);

entfernst (addClass wäre eh besser gewesen) und im HTML direkt hinter der Zeile

<div class="gallery-widget">

diese jQuery-freie Snippet hinzufügst:

<script>
  document.querySelector(".gallery-widget")
          .classList.add(localStorage.toggled || "");
</script>

zuckt nichts mehr.

Sobald das div Element im Dokument steht, ist es per querySelektor auffindbar. Inhalt hat es noch nicht, darum ist nun der ideale Moment, um die im localStorage gespeicherte Extraklasse hinzuzufügen.

Fork: https://codepen.io/anon/pen/QoENbM

QoENbM - das klingt klingonisch. Gunnar, ich hoffe, dass das keine todeswürdige Beleidigung ist?

Rolf