Wie verhindere ich, dass eine Verbindung mit jQuery Mobile zum Verlaufsstapel hinzugefügt wird?

8

Mit jQuery mobile verwende ich eine Listenansicht mit einem vorherigen und nächsten Link für die Paginierung. Alles funktioniert gut, aber ich möchte nicht, dass die vorherigen und nächsten Seiten zum Verlaufsstapel hinzugefügt werden. Die Idee ist, dass ein Zurückschlagen nur zur vorherigen Seite führt.

Das Einzige, was ich gefunden habe, ist, den a-Tags data-rel="dialog" hinzuzufügen, aber ich möchte nicht, dass es ein Pop-up-Dialog ist.

Ansonsten habe ich versucht,

hinzuzufügen %Vor%

für das Ereignis mobilinit, wobei dem Tag a das Attribut data-rel="pagination" hinzugefügt wurde. Dies führt jedoch nur zu Fehlern, wenn auf die Links geklickt wird (der Fehler tritt auch auf, ohne dass die nonHistorySelectors dem Ereignis mobileinit hinzugefügt wurden).

BEARBEITEN:

Das nächste, was ich gefunden habe, ist dieses JS

%Vor%

und dieses HTML

%Vor%

Dies scheint gut zu funktionieren, damit der Browser-Verlauf nicht aktualisiert wird, aber manchmal, wenn Sie auf Weiter klicken, werden die herumgleitenden Seiten einige funky Dinge tun, wie zum Beispiel zweimal laden / gleiten. Und eine Sache, die es versäumt, ist, dass wenn ich von hier aus zu einer Seite navigiere und zurückkomme, sie wieder auf Seite 1 ist.

    
Tyler Clendenin 25.07.2011, 16:03
quelle

5 Antworten

1

Mach das und es sollte in Ordnung sein:

%Vor%     
redDragonzz 28.11.2013, 09:21
quelle
1

Es gibt keinen Mechanismus zum automatischen Löschen von Inhalten aus dem Browserverlauf.

Sie sollten AJAX verwenden, um Ihre Liste zu füllen. Und so werden Ihre Links wie <a href="javascript:renderNextPage()">

aussehen     
c-smile 25.07.2011 16:18
quelle
1

Funktioniert es, data-rel="back" zum Anker-Tag hinzuzufügen?

Dies ist die Lösung, die in der Demo-Dokumentation von jQuery Mobile unter 'Back linking' vorgeschlagen wird.

Ссылка

    
ajcw 26.07.2011 11:32
quelle
0

Ich hatte das gleiche Problem. Meine Lösung bestand darin, die Seitennavigation und die Seitennavigation in zwei separate Navigationsmenüs aufzuteilen. Also habe ich die Kopfzeilennavigation mit der Websitenavigation und würde die nächste / vorherige Navigationsschaltfläche zur Seite hinzufügen: AJAX Hilfe zur nächsten / vorherigen Seite anfordern

Live-Beispiel:

UPDATE:

Hier ist ein schnelles Beispiel, was ich meine:

JS:

%Vor%

HTML:

%Vor%     
Phill Pafford 25.07.2011 16:23
quelle
0

Die Daten-Relattr hat für mich funktioniert

%Vor%

Gemäß der Dokumentation

Link Links, einschließlich derjenigen mit einer Datenrolle="button", und Formularübergabe-Schaltflächen teilen diese Attribute

data-rel zurück (um einen Schritt zurück in der Historie zu machen)

dialog (um den Link als Dialogfeld zu öffnen, nicht im Verlauf verfolgt)

extern (zum Verknüpfen mit einer anderen Domäne)

Ссылка

    
Ricardo Saracino 08.03.2018 16:50
quelle

Tags und Links