jQuery UI сортируемый и контейнерный зум

Question

Я хочу сортировать div в контейнере с уменьшением 0,4;

Проблема в том, что когда я перетаскиваю элементы для их сортировки, позиция перетаскиваемого div не относится к курсору мыши. Как я могу заставить divs перемещаться относительно курсора, как если бы у контейнера не было увеличения: 0,4?

Heres demo. Просто перетащите элемент, и вы увидите, что 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;