jQuery UI可排序和容器縮放

Question

我想在放大0.4的容器中對div進行排序;

問題是，當我拖動元素進行排序時，拖動div的位置與鼠標光標無關。我如何讓div相對於光標移動，就好像容器沒有縮放：0.4？

繼承人演示。只需拖動一個元素，就會看到div不根據光標進行播放。 http://codepen.io/anon/pen/CFfxb

#container { 
    width: 1000px; 
    height: auto; 
    background-color:red; 
    margin: 0 auto; 
    zoom: 0.4; 
} 

Answer 1

只需自行更新位置即可。

如果您有CSS：

#container{ 
    zoom: 0.5; 
} 

你可以使用：

$('#container').sortable(
    drag: function(e,ui){ 
     zoomAmount = 2; 
     ui.position.top = (e.clientY + $("body").scrollTop()) * zoomAmount; 
     ui.position.left = e.clientX * zoomAmount; 
    } 
); 

你必須更新zoomAmount變量來匹配您正在使用的變焦倍數。

所以對：

zoom:0.4 

您將其更改爲：

zoomAmount = 2.2;