jquery - jquery uiを使用したクロップシステムの問題

Question

だから、画像をトリミングするためにこのトリミングシステムを作成しています。実際のクロッピング部分はまだコーディングしていませんが、ドラッグするインターフェイスの種類だけで、ボックスをドラッグするとグリッチが発生し、すべてぎくしゃくしています..説明するのが難しいので、このjsfiddleを表示するだけです

$("#cropper").draggable({
containment: "parent",
drag: function () {
    pos = $(this).position();


    $('#cropper img').css('left', '-' + pos.left + 'px');
    $('#cropper img').css('top', '-' + pos.top + 'px');

}

});