Mit vollem Respekt für Michael Chaize und sein Tutorial ( Ссылка ), an dem ich gearbeitet habe Anpassen seines Codes, um ein Bild in einer Webapp mit fester Gerätebreite zu vergrößern.
Der unten stehende Code eignet sich hervorragend für ein einzelnes Bild, aber ich bin nicht sicher, wie ich es für eine dynamisch generierte Liste von Bildern in meiner Rails-App zum Laufen bringen kann.
Zur Veranschaulichung enthält der folgende Code eine vollständig funktionierende Beispielseite, auf der das JavaScript explizit an das erste angezeigte Bild gebunden ist. Ich möchte, dass der Code erkennt, welches Bild ausgewählt wird, damit jedes Bild auf der Seite vergrößert werden kann (derzeit wird das zweite Bild ignoriert, weil ich nicht weiß, wie ich das Javascript mehreren Bildern auf der Seite zuordnen kann) ).
Hammer.js ist in der Kopfzeile enthalten (wird jedoch nicht im Code-Clip angezeigt) und funktioniert auf dem ersten Bild korrekt.
Wie Sie aus der Frage entnehmen können, ist Javascript nicht meine Stärke, daher würden alle Zeiger sehr geschätzt werden.
%Vor%
Wenn Sie mit mehreren Elementen arbeiten möchten, fügen Sie den Hammer zum Container hinzu und prüfen Sie dann in der Listener-Funktion nach den entsprechenden Elementen:
%Vor%In JavaScript
%Vor%Hier haben Sie ein funktionierendes Beispiel mit jQuery (testen Sie es auf Multitouch-Gerät):
Tags und Links javascript ruby-on-rails hammer.js