2016-04-05 4 views
0

Ich bin kein Experte in Javascript/jquery und habe gesucht und gesucht, um eine Antwort auf meine Situation zu finden. Einige Antworten waren eng, aber ich bin mir nicht sicher, wie ich sie in meine eigene Situation umsetzen soll.wie Bildschirmzoom nach Autozoom in Formularen zurückgesetzt

Ich habe ein Formular auf meiner Website, das bequem auf mobile Geräte zoomt, damit der Benutzer seine Daten eingeben kann. Nachdem sie auf "Senden" geklickt haben, bleibt der Bildschirm-Zoom unverändert und die Post-Submit-Nachricht wird nicht angezeigt, da sie sich nicht im Ansichtsfenster befindet. Gibt es eine Möglichkeit, den Bildschirmzoom nach dem Senden des Formulars zurückzusetzen?

Ich habe das Meta-Tag ‚Ansichtsfenster‘ gefunden und kann das ändern, so dass die Zoom-Funktion bei allen

löst keine
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 

aber ich wie die Zoom-Funktion noch würde es sein ...

Antwort

1

können Sie aktualisieren Ansichtsfenster auf Formular abgesendet haben, wie: -

element.on('submit', function(event) { 
    var viewportmeta = document.querySelector('meta[name="viewport"]'); 
    if (viewportmeta) { 
     viewportmeta.setAttribute('content', 'width=device-width, maximum-scale=1.0, initial-scale=1.0'); 
    } 
    } 

bereits.

+0

Geben Sie das ein, wie Sie es geschrieben haben? Oder muss ich das erste "Element" durch Eingabe [type = submit] ersetzen? – KingDesigns

+0

Und gibt es eine jQuery-Syntax? Wenn nicht, lege ich es innerhalb oder außerhalb des $ (document) .ready (function() {tag? – KingDesigns

+0

Ja, ersetzen 'Element' mit Ihrem Formular-Element, weil Sie dies auf Formular senden wollen. Wieder ja für 2. Kommentar, behalte es in doc.ready – user2947