La restriction de la déplaçable zone de jQuery UI

Je suis en train de créer un déplaçables à la souris la zone à l'intérieur d'un div. Il fonctionne très bien mais je ne veux pas que l'espace blanc à l'extérieur de selection de la zone et par conséquent, ils veulent à la limite de la zone qui peut être déplacé. Ce que je suis venu jusqu'ici est ici, dans ce violon.

L'image est d'abord positionné en haut à gauche de la div parent. Si vous le faites glisser vers la droite ou en bas, vous pouvez voir l'espace blanc, que je ne préfère pas. Comment puis-je limiter ce?

Je pense que cela peut être fait à l'aide de l'enceinte de Confinement paramètre dans Déplaçable cas de jQuery UI à l'aide de

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

Mais je ne suis pas en mesure de comprendre comment. Aussi, si la page entière est un seul élément déplaçable (quelque chose de similaire à Google Maps), comment puis-je limite?

alors, que faites-u veux, quand u faites glisser l'image vers la droite ou vers le bas?
Dans ce cas, le glissement ne devraient tout simplement pas se produire du tout.

OriginalL'auteur Gautam Krishnan | 2013-06-08