Как предотвратить столкновение элементов-клонов одного класса? - PullRequest
Новая
       16

Как предотвратить столкновение элементов-клонов одного класса?

0 голосов
/ 11 марта 2020

Я создаю веб-сайт, на котором пользователь может перетаскивать элементы, которые сами были клонированы, из исходного элемента. Я хочу, чтобы клонированные элементы не перекрывались. Я прикрепил jsfiddle 

</p>

<code>    var uniqueNodeId = 1;
    $(document).ready(function(){
        $(".nodeDroppable").click(function() {
                var copy = $(".nodeDroppable:first").clone();
                var formId = 'Node:' + uniqueNodeId;
                copy.attr('id', formId);
                $(".grid").append(copy);
                $(".nodeDroppable").draggable({containment: ".grid",obstacle: "#node",preventCollision: true,
                    start: function(event,ui) {
                        $(this).addClass('nodeDroppableDrag').removeClass('nodeDroppable ui-draggable ui-draggable-handle');
                    },
                    stop: function(event,ui) {
                        $(this).removeClass('nodeDroppable ui-draggable ui-draggable-handle').addClass('nodeDroppableDrag');
                    }});
                uniqueNodeId++;
            });
    });
</code>
...