Jquery draggable - перемещайте перетаскиваемый элемент вместо дублирования

Может ли кто-нибудь сказать мне, как лучше всего реализовать перетаскивание и удаление Jquery, чтобы перетаскиваемый элемент был ПЕРЕМЕЩЕН на новое место?

Вам нужно реализовать свои собственные вспомогательные функции для этого, или это включено в плагин Jquery?


person Sam    schedule 23.11.2010    source источник


Ответы (2)


В опции helper по умолчанию стоит 'original', которая будет делать именно то, что вы хотите, поэтому просто оставьте эту опцию выключенной или установите для нее значение 'original', и вы получите оригинал... в отличие от 'clone', который делает копию. Это должно выглядеть так:

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

Вы можете протестировать его в демо-версии по умолчанию здесь.

person Nick Craver    schedule 23.11.2010

Вы также можете использовать клон:

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

Это перемещает оригинал в местонахождение клона, когда мышь отпускают.

person JonK    schedule 17.06.2011