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

Question

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

你需要为此实现自己的帮助函数，还是包含在Jquery插件中？

Answer 1

默认情况下，helper选项'original'会完全按照您的意愿执行操作，因此请关闭该选项，或将其设置为'original'，然后您将获取原始版本......而不是制作副本的'clone'。它应该是这样的：

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

You can test it in the default demo here

Answer 2

您也可以使用clone：

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

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