jQuery | Bewegungsraum eines divs einschränken?

waldmannvonritter · 14.01.2013

Hallo zusammen, wie stelle ich es an den bewegungsraum eines draggable divs einzuschränken?

Ich probier ez schon seit zwei tagen rum und kommm einfach net drauf ... vieleicht hat irgnd wer ne idee oder nen tipp?

hier der code: http://jsfiddle.net/LbfyR/4/

mfg tomas

Duddle · 14.01.2013

AW: jQuery | Bewegungsraum eines divs einschränken?

Draggable hat ein "containment"-Attribut. Dem kannst du entweder einen Container übergeben, in dem das Element eingeschränkt ist. Du kannst aber auch ein Array mit vier Werten angeben und damit einen Rahmen definieren, in dem das Element bewegt werden kann. Beispiel:

Code:

var left = 50;
var right = 200;
var top = -50;
var bottom = 300;
$(".map").draggable({containment:[left, top, right, bottom] });

Wenn du etwas herumexperimentierst, wie die Werte zu interpretieren sind, und dann die relevanten Größen von world und map richtig zusammenziehst, kannst du den gewünschten Effekt erhalten.

Duddle