18 Stimmen

Wie repariert man die feste Fußzeile von jQuery Mobile?

Mit jQueryMobile habe ich data-role="footer" data-position="fixed" im Markup, aber zwei Fehler bleiben bestehen:

  • Die Fußzeile schaltet bei einem Null-Klick-Ereignis um.
  • Die Fußzeile ist nicht fixiert und verdeckt einen Teil des Seiteninhalts.

Ich teste mit dem iPhone 3g. Irgendwelche Ideen?

Vielen Dank im Voraus.

UPDATE : Es scheint, dass das Klick-Ereignis die Fußzeile der aktuellen Seite modifiziert, und ändert ui-fixed-overlay a ui-fixed-inline die natürlich gestylt ist display:none um zu verhindern, dass die Fußzeilen der anderen Seiten angezeigt werden.

Wie kann ich diese Änderung verhindern?

1voto

Nikhil Patil Punkte 11

Ich habe sehr einfach thing.Found Lösung mit CSS nur richtige "min-Höhe" für den Inhalt gesetzt.the stoppen Fußzeile Springen auf den Inhalt der Seite.

0voto

Alon Carmel Punkte 610

Ich hatte ein ähnliches Problem mit der Fußzeile, die auch beim Scrollen nicht fixiert wurde. Mein Vorschlag? Sencha und nicht jQueryMobile, seine mit Bugs geladen und nicht bereit für die Produktion.

Die Fußzeile hebt auch die ausgewählte Seite aus URL /#page thing url wirkt sich in meinem Fall auf das Fußzeilenmenü aus.

0voto

Ary Wibowo Punkte 509

Ich benutze jquery mobile 1.3.1, und alles, was Sie früher gesagt hat, funktioniert nicht auf meine app. aber ich habe eine Lösung für diesen Fehler. überprüfen Sie meinen anderen Beitrag JQueryMobile - Feste Fußzeile nach Eingabefokus nicht fixiert

$('div:jqmData(role="page")').on('pageinit',function(){
    $(document)
        .on('focus','input, select, textarea', function(){
            $('[data-role="footer"][data-position="fixed"]').hide();
        })
        .on('blur','input, select, textarea',function(){
            $('[data-role="footer"][data-position="fixed"]').show();
        });
});

0voto

Re: Fußzeile ist nicht fixiert und verdeckt einen Teil des Seiteninhalts.

Auch ich hatte mit diesem Problem zu kämpfen. Es stellte sich heraus, dass ich den abschließenden Content-Div-Tag so verschieben musste, dass er VOR dem Beginn der Fußzeile liegt. Wenn die Fußzeile innerhalb des Content-Div-Tags liegt und Sie >>> data-position="fixed" <<< einschalten, dann ist meine Fußzeile nicht fixiert.

Ich weiß nicht, über Ihr anderes Problem, "Footer toggles auf einem Null-Klick-Ereignis", wie ich nicht weiß, wie man das in meiner App neu zu erstellen.

BENUTZEN...

  • JQuery Mobile 1.3.2
  • Cordova
  • In der Fußzeile befinden sich eine Navigationsleiste und ein Werbebanner.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X