带有缩放元素而不是容器的 jQuery 可拖动答案

【问题标题】：jQuery Draggable with Zoom on Element instead of Container带有缩放元素而不是容器的 jQuery 可拖动
【发布时间】：2013-01-25 10:25:44
【问题描述】：

我有一个与this 和this 类似的问题，不同之处在于缩放是在可拖动元素上而不是在容器上。我复制了上面提到的第二个问题中提供的 jsFiddle，并将缩放属性从容器更改为元素。你可以找到它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;
}

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

我试图了解问题所在，但似乎我尝试的每项更改都不起作用。主要问题是：

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

【问题讨论】：

【解决方案1】：

如果绝对没有必要，请从 css 中删除缩放。它不能很好地与可拖动的 Jquery 一起使用。在这里查看更多信息Jquery draggable with zoom problem

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

containment: "parent"

【讨论】：