jquery：css旋转后的正确拖动位置

Question

我有几个div可以像这样通过jQuery拖动

$( '#mystack div' ).draggable({ stack: "#mystack div",
start: function() { isDragging = true; },
stop:  function() { isDragging = false;}    
});

...到目前为止工作正常 - 现在的问题是，在我通过css-transform旋转div之后

target.css('-moz-transform', 'rotate(' + degree + 'deg)');
target.css('-webkit-transform', 'rotate(' + degree + 'deg)');
target.css('-o-transform', 'rotate(' + degree + 'deg)');
target.css('-ms-transform', 'rotate(' + degree + 'deg)');

然后想再次拖动图像 - 当再次拖动时它有点'跳'到它的位置 - 意思是：它不会停留在鼠标位置（用户开始拖动旋转的div）但是跳了几个像素或者在旋转之前向下或向左？

旋转后纠正该位置的任何机会或想法？