jquery - Jquery draggable - 移动拖动的元素而不是复制

Question

有人能告诉我如何最好地实现 Jquery 可拖动和可放置，以便将拖动的元素移动到新位置吗？

您是否需要为此实现自己的辅助函数，或者它是否包含在 Jquery 插件中？

Answer 1

helper默认情况下，该选项'original'将完全按照您的意愿行事，因此只需关闭该选项，或将其设置为'original'，您将获取原件……而不是'clone'复制。它应该如下所示：

$(".element").draggable(function() {
  helper: 'original' //or leave this line off
});

您可以在此处的默认演示中对其进行测试。

Answer 2

您还可以使用克隆：

pnlText.draggable({
    helper: "clone",
    stop: function(event, ui) {
        $(this).css("top",ui.position.top).css("left",ui.position.left);
    }
});

当放开鼠标时，这会将原件弹出到克隆的位置。