Einschränken des ziehbaren Bereichs in der jQuery-Benutzeroberfläche

Ich versuche, einen ziehbaren Bereich innerhalb eines div zu erstellen. Es funktioniert einwandfrei, aber ich möchte nicht, dass der weiße Bereich außerhalb des ziehbaren Bereichs liegt, und möchte daher den Bereich begrenzen, der gezogen werden kann. Was ich bisher gemacht habe, isthier in dieser Geige.

Das Bild wird anfangs oben links vom übergeordneten Div positioniert. Wenn Sie es nach rechts oder unten ziehen, können Sie den weißen Raum sehen, den ich nicht bevorzugen würde. Wie kann ich das einschränken?

Ich denke, dass es mit dem Containment-Parameter in Draggable-Ereignis von jQuery UI mit getan werden kann

$( ".selector" ).draggable({ containment: "" });

Aber ich kann nicht herausfinden, wie. Wie kann ich das einschränken, wenn die gesamte Seite ein einzelnes ziehbares Element war (ähnlich wie bei Google Maps)?

Antworten auf die Frage(1)

Ihre Antwort auf die Frage