画像は、ここでの封じ込めが、私はHTMLでコンテナを使用する場合、それは罰金ではない仕事体<a href="http://jsfiddle.net/roXon/hMmbK/2/" rel="nofollow">http://jsfiddle.net/roXon/hMmbK/2/</a></p> <p>であるため、大きな作業親封じ込め

Question

この例では動作しません。ここに問題があります：http://jsfiddle.net/anosim/ZXu2w/

誰もがそのための最良の解決策を持っています。

ありがとうございました。

Answer 1

座標を指定すると、絶対位置になるという問題があります。

あり、より良い方法かもしれませんが、あなたは常に親のオフセットとあなたの封じ込めにそれらのオフセットを追加取得することができ座標：

$(function() { 

    var ox = $("#container img").parent().offset().left; 
    var oy = $("#container img").parent().offset().top; 

    $("img").draggable({ 
     containment: [-99+ox, -119+oy, ox, oy], 
     scroll: false 
    }); 

}); 

デモ：http://jsfiddle.net/DqdRK/

Answer 2

あなたの問題は、あなたが「ということですimgタグを2番目のフィドルでドラッグ可能にします。私はあなたがユーザーが緑の領域の周りにイメージをドラッグできるようにしたいと仮定しています。代わりにdivにdraggableを適用してみてください。 （フィドル：http://jsfiddle.net/ZXu2w/1/）