Mozilla / chrome / jquery可拖动图像不在鼠标位置

Question

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

在chrome上，一切工作正常，图像可在整个屏幕上拖动

在Firefox上，图像X轴恰好位于鼠标下方，但是Y轴不是。
它以某种方式在“看不见”的边界处停止。 最高样式不会升至-31。 因此无法将其拖放到整个屏幕上。 仅在屏幕顶部（约50像素高）

我使用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

解决方案是：可拖动方法具有以下选项：包含：“正文”。 这是错误的，应该是：false。

所以最后的代码：

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