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

Question

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?

Answer 1

Bei Verwendung von 1.1 oder höher , hinzufügen data-tap-toggle="false" in der Kopf- und Fußzeile, als hier dokumentiert .

Wenn Sie eine Version von jQuery Mobile verwenden vor 1.1 vor dem Laden von jQuery Mobile Folgendes ein:

$(document).bind("mobileinit", function(){
  $.mobile.touchOverflowEnabled = true;
}); // remove

Answer 2

Dies ist in jQueryMobile 1.1 rc1 behoben. Siehe aquí .

Verwenden Sie data-tap-toggle="false" in Ihrer Fußzeile.

Answer 3

Mit jquery.mobile-1.0a4 funktioniert das Hinzufügen von data-position="fixed" zum Footer-Abschnitt wie gewünscht in Iphone, Android und Chrome

Answer 4

Die derzeitige "Antwort" ist vielleicht ein wenig fehlgeleitet. Mit touchOverflow kann Ihnen kurzfristig helfen, aber das wird bald weggehen. Wenn jemand das jQuery mobile lesen würde Blog würden sie diesen am 10. Januar veröffentlichten Klappentext bemerken:

Achtung: touchOverflow wird in 1.1 veraltet sein - Als wir die TouchOverflow-Funktion eingeführt haben, sahen wir darin eine gute Möglichkeit die native Überlaufunterstützung in iOS zu nutzen, um echte feste Symbolleisten und sanftere Übergänge zu bringen, auch wenn es damals nur für eine recht kleine Geräte zu dieser Zeit. Jetzt, mit den signifikanten Änderungen an festen Kopfzeilen und Übergängen, die für 1.1 geplant sind, werden diese die Erfahrung in einer fast identischen Weise wie touchOverflow, außer dass es auf viel mehr Plattformen und mit weniger Komplexität funktionieren wird, haben wir beschlossen diese Funktion einzustellen. Sie wird mit 1.1 veraltet sein und mit 1.2. Wir haben Zukunftspläne für die Behandlung von Überlaufregionen mit internem Scrollen, so dass ein Großteil der Arbeit, die wir an touchOverflow wird wiederverwendet werden.

Bitte entschuldigen Sie, dass ich dies als Antwort poste, aber ich kann zu diesem Zeitpunkt keinen Kommentar abgeben.

Answer 5

Wir hatten dieses Problem und verwendeten eine Kombination aus iScroll (v3) und einem schönen Jquery Mobile Wrapper für iScroll. Es funktioniert perfekt. Sehen Sie alle Details hier:

http://yappo.github.com/projects/jquery.mobile.iscroll/livedemo.html