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);
    }
});

При перемещении мыши оригинал перемещается в местоположение клона.