Webkit-iPhone-App : Wie Sie dynamisch ändern die Benutzer zoom (oder Skala, pich & zoom) in den viewport?

Benutze ich JQTouch für eine iPhone-app. JQtouch deaktivieren standardmäßig die Möglichkeit, pinch&zoom die Seite.
Für eine Seite (mit einem großen Bild), brauche ich zum aktivieren der zwei-Finger - & zoom-Funktion.
Das ist einfach :

var viewport = $("head meta[name=viewport]");
viewport.attr('content', 'width=320, initial-scale=1, maximum-scale=10.0, minimum-scale=1, user-scalable=1');

Aber nach Benutzer spielen mit der pinch & zoom, ich brauche dynamisch reset zoom (skalieren), um die Standardeinstellung. Ich habe versucht, zurücksetzen des Viewports:

viewport.attr('content', 'width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;');

Nach dem Aufruf der obigen code, es ist nicht möglich zu Zoomen mehr (wegen der user-scalable=0;), aber es ändert sich nicht die aktuelle Skala in den Standard.

Ich bin auf der Suche nach so etwas wie setScale(1), oder ein Attribut ändern, wie aktuelle-scale=1

Irgendeine Idee ?

  • Ich habe eine clevere Lösung ist hier : homepage.mac.com/jorgechamorro/cljs/076 Brauchen, um es zu testen, tiefer...
  • Leider, wenn der Benutzer manuell pinch&zoom, der link oben funktioniert nicht mehr... Vielleicht gibt es eine andere Lösung für das, was ich tun möchte. im Grunde genommen, ich möchte ein Bild anzeigen, und lassen Sie die Benutzer ein - /Auszoomen und scrollen beim Zoomen. Ich habe versucht, etwas mit iScroll, aber ich din nicht geschafft, horizontaler und vertikaler Bildlauf (beim Zoomen... hat Jemand eine Idee ?
InformationsquelleAutor Samuel | 2010-04-22
  1. 3

    Die einzige Möglichkeit zum zurücksetzen der user-Skalierung ist die Seite neu laden :

    window.location.reload();

    Wenn Sie nicht wollen, das zu tun, müssen Sie ein Skript hinzufügen, um zu Zoomen dynamisch-Elemente, wie Bilder mit touch-Ereignisse. Hier ist ein Beispiel von pinch&Zoomen mit scrollen :

    http://tlrobinson.net/projects/iphone-light-table/

    Es ist leicht zu integrieren Sie diesen code in Ihr Projekt. öffnen Sie einfach den HTML-Quelltext, kopieren Sie das Javascript aus, und ändern Sie die init () - Funktion in Bezug auf Ihre Bedürfnisse.

    • Nachladen funktioniert nicht zum zurücksetzen der zoom-in meinem Fall. Muss ich noch etwas ergänzen, z.B. um das Skript, um es zurückzusetzen, durch nachladen?
    • Nein, dieser code-Fenster.Lage.reload(); sollte ein reload der web-Seite mit der Standard-Skala (wie der erste laden)
    • Hinweis: Neuladen nicht zurückgesetzt mobilen safari-Fenster-Skalierung. 🙁
    • In meinem Fall habe ich keine viewport-tag, und ich will nicht hinzufügen, weil ich möchte, dass alle Verhaltensweisen, die Sie bekommen, wenn Sie keine haben (Browser behandeln den Ort als eine "legacy" - Seite).. es gibt also keine "erste zoom", und ich nehme an, dass ist der Grund, warum nachladen, das war nicht zurücksetzen der zoom-für mich-aber ich will es.
    InformationsquelleAutor Samuel
Schreibe einen Kommentar