jquery - 具有绝对位置的JQuery可拖动元素在div中缩放

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);
    }
});