jquery - ズーム付きのdivで絶対位置を持つJQueryのドラッグ可能な要素

Question

このフィドルを見てください。

要素をもう一度ドラッグすると、開始位置が間違っています。絶対位置が原因​​で、これは必要です。誰でもこれを行う方法を知っていますか? ここにjsコードがあります

$('.item').draggable({
    drag: function(evt,ui) {
        var zoom = $('.zoom').css('zoom');
        ui.position.top = Math.round(ui.position.top / zoom);
        ui.position.left = Math.round(ui.position.left / zoom);
    }
});