jquery mobile ausblenden fixed-footer-Tastatur

Auf meinem iPhone, ich möchte die Fußzeile ausgeblendet werden, wenn ein Textfeld geschoben wird und die Tastatur erscheint. Jetzt ist es nur positioniert sich oberhalb der Tastatur und zu wenig von den Webseite gezeigt wird.

<div data-role="footer" data-id="foo1" data-position="fixed">
 <div data-role="navbar">
  <div data-role="controlgroup" data-type="vertical">
   <ul><li><input data-iconpos="top" data-icon='plus' type="button" value="Tur" id='nyTur' /></li>
       <li><input data-iconpos="top" data-icon='plus' type="button" value="48%" id='ny48' /></li>
       <li><input data-iconpos="top" data-icon='plus' type="button" value="100%" id='ny100' /></li>
   </ul>
  </div>
 </div><!-- /navbar -->
</div><!-- /footer -->
  • Sie können nicht erkennen, wenn die Tastatur angezeigt wird. Alles, was Sie tun können, ist zu erkennen, wenn input-Elemente den Fokus besitzen und verstecken Sie es dann.
  • Wie mache ich das? Es scheint zu funktionieren gut in Safari auf dem iPhone, aber nicht mit Chrome und nicht, wenn die Seite wurde Hinzugefügt, um den home-Bildschirm als link/app.
  • $("input").on("focus", function() { $("div[data-role=footer]").hide(); }); Tun show() auf Unschärfe wieder zu zeigen 🙂
InformationsquelleAutor user2996395 | 2013-11-19
Schreibe einen Kommentar