Ich habe eine verschachtelte Liste in einer jQuery Mobile Test App. Und es hat eine feste Fußzeile.
Funktioniert großartig, bis ich auf ein Element in der Liste klicke. Alles, was über die oberste Ebene der Liste hinausgeht, hat keine Fußzeile.
Gibt es eine Möglichkeit, die Fußzeile während der Navigation in der geschachtelten Liste beizubehalten?
Vielen Dank im Voraus.
Adam.
Hier ist der Code:
%Vor%Ich habe mich mehrere Tage lang mit diesem Problem herumgeschlagen, und ausnahmsweise war Google keine Hilfe. Ich kam schließlich auf die folgende Lösung. Er kopiert den Header-HTML-Code vor Beginn der Transition auf eine neue Seite und entfernt den Code nach Abschluss der Transition von der vorherigen Seite. Die Kopf- und Fußzeile werden sich immer noch mit dem Seitenübergang bewegen, aber sie bleiben bestehen, selbst während der Navigation verschachtelter Listen.
%Vor% Fügen Sie dann einfach id="header" zum Header div und id="footer" zur Fußzeile hinzu und platzieren Sie sie wie gewohnt in Ihren Inhalt.
So habe ich das gemacht, Fußzeile nur. Die Attributentfernung soll verhindern, dass der Initialisierungscode zweimal ausgeführt wird, was zu mehreren Spannen in den Blöcken führt. Diese Methode behält alle Klassenstile für die Elemente für das Styling bei. Eine weitere nette Sache ist, dass der Code nur einmal auf pagecreate ausgeführt werden muss, um die Fußzeilen anzufügen.
%Vor%.
%Vor%Ich konnte dieses Problem mit dem folgenden Ansatz lösen. Es wurde möglich gemacht durch Mikkels Antwort, also vielen Dank für das Teilen!
%Vor%Dies ist mein erster Ausflug in jquerymobile Scripting, also könnte es einige problematische Aspekte geben, die mir nicht bekannt sind, aber alle meine Navigationsversuche konnten das Verhalten erzeugen, nach dem ich gesucht habe. Eine kuriose Sache war, dass das Skript zu brennen schien, auch nachdem ich meine contactUs-Seite verlassen hatte. Meine if-Statements hielten es davon ab, sich schlecht zu benehmen, aber vielleicht müssen andere etwas vorsichtig sein.
Meine Fußzeile ist keine feste Position, die wie ein anderes Verhalten oder eine andere Reaktion darauf aussieht, aber vielleicht hilft Ihnen das auch.
Tags und Links mobile-safari jquery-mobile mobile-website jqtouch