我推荐的库是https://github.com/yeco/jquery-ui-touch-punch，有了它，您从Jquery UI的拖放操作应该可以在触控设备上使用
你可以使用我正在使用的这段代码，它也可以将鼠标事件转换为触摸，它的工作原理就像魔术一样。

function touchHandler(event) {
    var touch = event.changedTouches[0];

    var simulatedEvent = document.createEvent("MouseEvent");
        simulatedEvent.initMouseEvent({
        touchstart: "mousedown",
        touchmove: "mousemove",
        touchend: "mouseup"
    }[event.type], true, true, window, 1,
        touch.screenX, touch.screenY,
        touch.clientX, touch.clientY, false,
        false, false, false, 0, null);

    touch.target.dispatchEvent(simulatedEvent);
    event.preventDefault();
}

function init() {
    document.addEventListener("touchstart", touchHandler, true);
    document.addEventListener("touchmove", touchHandler, true);
    document.addEventListener("touchend", touchHandler, true);
    document.addEventListener("touchcancel", touchHandler, true);
}

在你的document.ready中只需要调用init（）函数。

移动的浏览器没有列在JQuery UI browser support列表中。看看this SO question，它可能会帮助你在移动设备上实现拖放。

我喜欢这个开源项目https://interactjs.io/，并防止在css中使用页面滚动

.draggable {
    touch-action: none
}

当我们使用event.preventDefault();时，可点击的功能不起作用。因此，只需删除这些行并使用下面的代码。另外，请在所有其他功能之前使用此代码。这样拖放功能也可以用于移动的：

function touchHandler(event) {
    var touch = event.changedTouches[0];

    var simulatedEvent = document.createEvent("MouseEvent");
        simulatedEvent.initMouseEvent({
        touchstart: "mousedown",
        touchmove: "mousemove",
        touchend: "mouseup"
    } [event.type], true, true, window, 1,
        touch.screenX, touch.screenY,
        touch.clientX, touch.clientY, false,
        false, false, false, 0, null);

    touch.target.dispatchEvent(simulatedEvent);
    
}

function init() {
    document.addEventListener("touchstart", touchHandler, true);
    document.addEventListener("touchmove", touchHandler, true);
    document.addEventListener("touchend", touchHandler, true);
    document.addEventListener("touchcancel", touchHandler, true);
}