javascript - 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 的位置），而是向上或向下或向左跳跃几个像素之前被旋转之后？

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