jQuery Draggable与元素而不是容器缩放

Question

我对this和this有一个类似的问题，区别在于缩放是在可拖动元素上而不是在容器上。我复制了上面提到的第二个问题上提供的jsFiddle，并将zoom属性从容器更改为元素。你可以找到它here，代码是：

HTML

<div id="canvas">
    <div id="dragme"></div>
</div>

CSS

#canvas {
   width:500px;
   height:250px;
   border:1px solid #444;
}
#dragme {
   width:100px;
   height:50px;
   background:#f30;
   zoom:0.9;
}

JS

$('#dragme').draggable();

我试图了解问题是什么，但似乎我尝试的所有变化都不起作用。主要问题是：

• 当我开始拖动时，元素向上移动并略微向左移动;
• 正在错误地计算容器边界;

你能理解这里发生了什么吗？谢谢！

Answer 1

如果绝对没有必要，请从css中删除缩放。它与Jquery draggable不相称。点击此处查看更多信息Jquery draggable with zoom problem

然后，如果你想在画布中拖动，只需添加

containment: "parent"