jquery ui：css缩放元素不适用于draggable（）

Question

在 jquery ui 中使用 draggable() 方法时，我正在尝试使 CSS 缩放对象正常工作。

CSS：

#container{
  zoom: 2;
  -moz-transform: scale(2);
  width: 200px;
  height: 200px;
  background-color: #888;
}

#box{
  width: 100px;
  height: 100px;
  background-color: blue;
}

JS：

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

在此处查看示例：https://jsfiddle.net/9zm486xu/1/

在上面的示例中，您会注意到比例因子会影响拖动行为，从而导致例如缩放设置为 2 时鼠标距离的两倍。

有没有办法让 CSS 缩放的对象可以像用户期望的那样拖动（始终在鼠标下方）？我可以使用一种方法，计算每个要缩放的对象，然后将其应用到 DOM，但仅缩放容器（参见示例）会容易得多。

Answer 1

$( ".selector" ).draggable({
  drag: function( event, ui ) {

    ui.position.left = ui.position.left / scale
    ui.position.top = ui.position.top / scale
  }
});

如果你https://jsfiddle.net/9zm486xu/2/，你可以这样做