Question

昨天我的拖放出了问题。感谢EdenSource的快速帮助。

今天我要缩小/缩小。我使用css3 zoom。

在这个小提琴中你会看到我的问题。如果你试图用jQuery ui draggable移动一个元素，那么helper就在另一个位置作为我的游标。

这是我的javascript代码：

$(document).ready(function() {
    $(".card").draggable({   helper: "clone",
                             cursorAt: { top: 76, left: 101 },
                             opacity: 0.5,
                             scroll:true,
                             refreshPositions: true,
                            scrollSensitivity: 100});
    $(".card__dropzone--inner").droppable({
        activeClass: "card__dropzone--active",
        over: function(event) {
            $(this).animate({
                width: "250px"
            }, 200);
            console.log("over");
        },
        out: function(event) {
            console.log("now?!");
            $(event.target).animate({
                width: "25px"
            },200);
            console.log("out");
        },
        drop: function(event) {
            console.log("drop");
        }
    });
});

http://jsfiddle.net/mp085ead/2/

使用css3 zoom时，我怎样才能让我的助手回到游标中间？

Answer 1

最终找到了解决方案。

jQuery-UI无法使用缩放功能。即使缩放也不是放大对象的最佳方式。

更好的方法是使用像dragular或tweenmax这样的库。当css-zoom不是1时，两者都可以拖放。

但我们决定使用变换比例。

使用css zoom进行拖放

1 个答案: