Question

我正在尝试使用jQuery UI拖动图像。问题是当我拖动图像时它会在开始拖动时跳转。我谷歌它并发现这是由于css position Absolute但没有找到任何解决方案

这是代码jsfiddle

#currentimage img {
    position: absolute;
    top: 0;
    left: 0;
}

$(document).ready(function () {
    $("#dragable").draggable().css({
        "transform":" scale(2.79)",
        "opacity": "0.90",
        "left": "240px",
        "top": "79px"
    });
});

如何拖动位置绝对没有跳转的变换元素

Answer 1

设置CSS中图像的大小。并transform关闭draggable。

<强>的jQuery

$("#dragable").draggable()
    .css({
    "opacity": "0.90",
    "left": "240px",
    "top": "79px"
});

<强> CSS：

#currentimage img {
    position: absolute;
    width: 80%;
}

Demo Here

拖动变换元素会导致拖动开始时跳转

1 个答案: