Question

我有不同的可拖动元素。它们可以拖动到占位符（100px x 100px），但可拖动元素的宽度为100％（体宽）。

现在，当我开始拖动时，我会触发调整大小功能：

// Dragging itself

function dragging () {

    $("#draggable li.to-drag").draggable({

        connectToSortable: ".items",
        helper: "clone",
        revert: false,
        opacity: 0.5,
        cursorAt: { top: 50, left: 50},

        drag: resize,

        start: function (event, ui) {

            ui.draggable.height(ui.placeholder.outerHeight());

        }

    });

}

// Resize function triggered when I start dragging

function resize (event, ui) {

    ui.helper.css({ height: "100px", width: "100px" });

}

由于draggable元素的宽度大于占位符，我无法让占位符接受可拖动的可拖动元素。

听起来很复杂，但这里是jsfiddle

Answer 1

第70行出现错误：

tolerance: pointer,

指针未定义

替换为

tolerance: "pointer",

比所有人都能正常工作

jsfiddle

Answer 2

问题不在于宽度为100％。您已经更改了cursorAt使其位于可拖动项目的中心。但它仍然会查找原始光标位置以删除元素

jQuery - Draggable调整大小以适合占位符

2 个答案: