jQuery-mobile-Seite-übergang
Bin ich mit jQuery mobile-Seite-übergang-Funktion in meiner Anwendung (HTML5 Mobile App) mit:
<a href="test.html" data-transition="slide">abc</a>
Seite, der übergang funktioniert einwandfrei (die slide-animation) mit:
<a onclick="document.location.href = 'test.html';" data-transition="slide">abc</a>
Seite übergang nicht funktioniert, es nur springt es nicht schieben.
Ich will die Seite den übergang zur Arbeit mit der zweiten option.
Bitte helfen Sie
- Ich verstehe es nicht. Warum? Sie erhalten das gleiche Ergebnis von der ersten option. Warum nicht die erste option verwenden?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Der Grund dafür ist, dass im ersten Fall, JQM sieht die Seite ändern. Im zweiten Fall können Sie manuell ändern Sie die Seite, indem Sie den Speicherort ändern. Die Seiten, die verändert wird durch jquery mit ajax ruft die Seite übergang.
Ändern Sie den übergang zu Folie können Sie Standardeinstellungen konfigurieren, die
$.mobile.defaultPageTransition = "slide";
.Verwenden
$.mobile.changePage()
- Funktion, um die Seiten zu wechseln.changePage()
Funktion tun die Seitenübergänge für Sie.//js
Das document-Objekt hat keine Position-Eigenschaft, in der Erwägung, dass das window-Objekt. Referenz:
- Dokument-Objekt
Dies ist wahrscheinlich aufgrund der Tatsache, dass jQuery Mobile verwendet die
preventDefault()
Methode, wenn Sie die folgenden links, um zu ermöglichen, Seite übergänge. Da bist du mitonclick
ist dies nicht die Standard-Aktion für das element, sondern eine Bindung für dieclick
Veranstaltung.Im wesentlichen der browser umgeleitet wird, bevor jQuery hat eine chance, Sie abzufangen und zu animieren...
Als @Th0mdike hat, sagte aber, Sie bekommen genau das gleiche Ergebnis aus den beiden Optionen, und da können Sie dynamisch ändern die
href
- Attribut des Anker mit$('a').attr('href', 'new.html')
ich sehe keine Vorteile für die letztere....fügen Sie das Attribut
link zur Dokumentation