javascript - Mozilla/chrome/JQuery 可拖动图像不在鼠标位置

Question

我正忙于一个网页，其中的图像可以在另一个元素中拖放。

在 chrome 上，一切都很完美，图像可以在整个屏幕上拖动

在 Firefox 上，图像 X 轴完全位于鼠标下方，但 Y 轴不在下方。
它以某种方式停在“隐形”边界。顶级款式不会高于 -31。因此将无法在整个屏幕上掉落。仅在屏幕的顶部(大约 ~50px 高度)

我使用 Jquery 方法

$(".class").draggable({
    helper: "clone", 
    revert: false,
    containment: "body",
    scroll: false
});

和

    $('#element').droppable({
        accept: ".class",

为了识别鼠标的位置，我使用了这段代码:

        var offsetTop = $XXXX.offset().top;
        var offsetLeft = $XXXX.offset().left;

我也尝试过使用 .offset().bottom 但这是完全相同的结果。我也尝试过使用

$(window).load(function ($) {

代替:

$(document).ready(function ($) {

但这使得整个可拖动元素不再可拖动。 (在 chrome 和 firefox 上)

我还使用了方法:.offsetTop 而不是 offset().top 但这并没有改变任何东西。和以前一样的问题。

Answer 1

解决方案是:draggable 方法有这个选项:containment: "Body"。这是错误的，应该是:错误。

所以最终代码:

$(".class").draggable({
    helper: "clone", // use a clone for the visual effect
    revert: false,
    containment: false,
    scroll: false
});