Hey, ich habe eine Seite, auf der jQuery Draggable () für #person
aktiviert ist und die #person
ist auf #map
beschränkt.
(Link zum Plugin: Ссылка )
Allerdings habe ich auch die Steuerung mit den Pfeiltasten auf der Tastatur hinzugefügt. Jetzt spielen sie alle gut zusammen, bis ich an den Rand des eingeschränkten Bereichs komme (die Kante von #map
).
Wenn ich ziehe, wird die #person
auf die #map
beschränkt - wenn ich die Pfeiltasten benutze, kann #person
über die Kante von #map
hinausgehen.
Wie kann ich die Pfeiltasten sowie die ziehbare Taste einschränken?
Mein Code für die Tastatursteuerung:
%Vor%**** Puh **** Prost.
[EDIT] Bitte irgendjemand? [/ EDIT]
Leider stellt jQuery UI Draggable keine Methoden zum manuellen Ändern der Position des Elements zur Verfügung. Sie müssen die Position der # Person manuell nachverfolgen, wenn Sie sie mit der Tastatur bewegen, und aufhören, sie zu bewegen, wenn sie die Grenzen der # Map überschreitet.
Sie können jQuery-Methoden wie .offset () und . position () Methoden, um zuverlässige Positionen für Elemente zu finden.
Zum Beispiel:
%Vor%