Laden Sie die Seitenvorlage nur einmal, um mehrere Animationen zu vermeiden

Ich habe eine Home-Vorlage mit einer Kopfzeile, Fußzeile und einer linken Seitenleiste.

 
this is the main content

Nach einem Klick auf eine der mehreren Optionen des Menüs wird die Seitenvorlage geladen, die eine zusätzliche rechte Seitenleiste enthält.

  
pagecontent

Ich habe diese Sidebar animiert, dass sie nach dem Laden der Seite eingeblendet wird.

 jQuery(window).ready(function($){ $("#sidebarRight").animate({right: '0px'}); }); 

Mein Problem ist jetzt, dass die Animation bei jedem Klick auf einen der Menüpunkte abgespielt wird. Nach einem Klick auf einen Link verschwindet die Seitenleiste nur, um wieder angezeigt zu werden. Ich möchte, dass die Animation nur einmal abgespielt wird, wenn der Benutzer die Home-Vorlage verlässt und die Seitenvorlage (durch Klicken auf einen der Menüpunkte) eingibt und nicht während des Umschaltens zwischen den verschiedenen Seiten.

Meine erste Idee war es, die middlebar div mit jedem Klick zu ändern. Damit wird nicht die ganze Seitenvorlage neu geladen sondern nur der neue Inhalt geladen und in das div eingefügt. Ein positiver Nebeneffekt wäre, dass weniger Daten geladen werden müssten, aber das mehrfache Laden der Sidebar konnte ich nicht verhindern.

Ich habe auch versucht, Cookies zu setzen, aber das hat auch nicht funktioniert.

Wie kann ich die Sidebar nur beim ersten Klick laden, so dass die Animation auch nur einmal abgespielt wird.

Solutions Collecting From Web of "Laden Sie die Seitenvorlage nur einmal, um mehrere Animationen zu vermeiden"

Sie können das Skript mit Bedingungen schreiben

 < ?php is_front_page(){ ?>  < ?php } ?> 

Alternativ können Sie den Cookie oder den lokalen Speicher festlegen, zu dem die Animation abgeschlossen wurde

  

Wenn Sie eine Website mit einem “Status” möchten, müssen Sie das Design entwickeln, um eine Art “Eine-Seite-Anwendung” zu erstellen, in der der Browser grundsätzlich keine Seiten neu lädt, sondern alle Aktualisierungen über AJAX durchführt.

Alles andere bedeutet ein vollständiges Neuladen der Seite und in diesem Fall wird die Seite in jedem Fall “blinzeln”, also ist der Wert der Beseitigung der Animation nicht sicher, aber Sie können ein Session-Cookie verwenden, um einen Wert anzugeben, der die Animation ausgeführt hat und überprüfen Sie es, bevor Sie es erneut tun.