В angular 8 перетащите с помощью пользовательского клона - PullRequest
Новая
       29

В angular 8 перетащите с помощью пользовательского клона

1 голос
/ 26 июня 2019

Перетащите содержимое из одного списка компонентов и поместите содержимое в другой компонент, и содержимое не будет перемещено в определенную позицию.Перетащите div на любую определенную позицию на странице.Я нашел решение в jquery 1.9.1 

<div class="dragger">Drag</div>
<div class="dragger">Drag</div>
<div class="dragger">Drag</div>
<div class="dragger">Drag</div>
<div class="dragger">Drag</div>
<div class="dropper">
    <p>Drop</p>
</div>

jquery 1.9.1 + javascript 

  $(document).ready(function () {
        $('.dragger').draggable({
            revert: "invalid",
            helper: function () {
                //Code here
                return $("<div class='dragger'></div>").append("Hi");
            }
        });


        $(".dropper").droppable({
            drop: function (event, ui) {

                $(this)
                    .addClass("ui-state-highlight")
                    .find("p")
                    .html("Dropped!");

                var element = $('.ui-draggable-dragging');
                var currentDrop=$(this);
                return element.clone().appendTo(currentDrop);
            }
        });
    });

, но когда я буду реализовыватьэтот код в последней версии jquery, тогда он покажет ERROR TypeError: $ (...). draggable не является функцией

как реализовать этот код в угловых 8

...