jquery ui 可拖动的嵌套比例容器答案

【问题标题】：jquery ui draggable nested scale containersjquery ui 可拖动的嵌套比例容器
【发布时间】：2016-06-16 15:48:35
【问题描述】：

我正在尝试在 2 个缩放元素内创建一个可拖动元素，我有一个演示： http://jsfiddle.net/MAEvS/671/

$( "#draggable" ).draggable({
            start: function(ev, ui) {


                scale_factor = 2;



                ui.position.left = 0;
            ui.position.top = 0;
            },
            drag: function(ev, ui) {

                console.log(ui.position)
                var changeLeft = ui.position.left - ui.originalPosition.left;
                var newLeft = ui.originalPosition.left + changeLeft / scale_factor;

                var changeTop = ui.position.top - ui.originalPosition.top;
                var newTop = ui.originalPosition.top + changeTop / scale_factor;

                // apply
                ui.position.left = newLeft;
                ui.position.top = newTop;

        console.log(ui.position)

            },
})

如您所见，我正在覆盖可拖动对象内的拖动回调中的值以正确计算位置（除以比例因子）

但是当我遇到演示中的案例时 - 它无法按预期工作。

【问题讨论】：

标签： javascript jquery jquery-ui scale jquery-ui-draggable

【解决方案1】：

好的！所以这比我想象的要容易，只需将两个比例值相乘就可以了。

所以在演示中 scale_factor 应该是 2*2。

（父容器缩放2，嵌套容器也缩放2。）

Working fiddle:

http://jsfiddle.net/MAEvS/672/

【讨论】：