2012-04-05 7 views
2

Ich habe eine jquery-mobile App mit zwei "echten" HTML-Seiten, aber vielen weiteren data-role="page" divs. Das Problem tritt auf, wenn von der ersten echten HTML-Seite zur nächsten echten Seite gewechselt wird: Die Navigation wird beendet. Es gibt kein benutzerdefiniertes JavaScript, ich benutze nur die jqm-Bibliothek.So beheben Sie das Problem der Seitennavigation mit jquery-mobile

Wenn die erste echte Seite geladen ist, ich bin rund um die data-role="page" Artikel ohne Probleme Dinge mit navigieren können wie <a href="#oneA">one A</a>, die mich zu <div data-role="page" id="oneA"> nimmt, und in ähnlicher Weise ONEB, Onec usw.

Wenn ich gehe auf die zweite reale Seite, ich bin rund um die data-role="page" Artikel ohne ein Problem wie <a href="#twoA">two A</a> Dinge navigieren kann mit, was mich zu <div data-role="page" id="twoA"> nimmt, und in ähnlicher Weise twoB, twoC usw.

Aber das Problem ist, wenn ich klicken ein Link auf der ersten richtigen Seite, der mich zu t bringt Die zweite echte Seite (anstatt die Seite direkt zu treffen), scheint jquery mobile verwirrt zu sein, und weigert sich, zu irgendwelchen anderen <div data-role...> Seiten zu wechseln. Es bleibt nur auf der ersten Datenrollenseite, wenn auf Links geklickt wird. Der Link im Browser-Hover sieht korrekt aus (zum Beispiel hat er den nachgestellten Code #twoB, navigiert aber nicht dorthin).

Ist dies ein Fall, in dem jQuery-mobile (ich benutze das neueste: 1.0.1) einfach nur stürzt und ich muss zusammenbrechen und etwas von meinem eigenen Javascript schreiben?

+0

Konsolenfehler? – aki

+0

keine Konsolenfehler. – Dale

Antwort

4

Was fehlt, ist das Attribut rel="external" im Anker-Tag, das Sie von der ersten Seite zur zweiten Seite bringt. Versuchen Sie statt <a href="secondPage">second page</a><a href="secondPage" rel="external">second page</a>.

Verwandte Themen