Question

我很难定位我的“拖动”和“掉落”元素。

我希望我拖动的元素从上一个父级移动后删除父级。
所以我使用Jquery detach()。

我的问题在于定位，元素从屏幕中消失我该如何解决这个问题？

FIDDLE
https://jsfiddle.net/0apuqnxd/8/

JS

//dropZone data    
            //Get dropZone, where element is dropped (flakUp or flakDown)
            dropZone = $(event.target);

            //Get parent dropZoneId (flakId)
            dropZoneParentId = dropZone.parent().attr('id');

            //console.log(draggedElement.position());

            $(draggedElement).detach();

            //console.log(draggedElement.position());

            $(draggedElement).appendTo(dropZone);

            //console.log(draggedElement.position());

            draggedElementPosition = draggedElement.position();
            console.log(draggedElementPosition);

            dropZonePosition = dropZone.position();
            console.log(dropZonePosition);


            draggedElementPosition.top = draggedElementPosition.top - dropZonePosition.top;
            draggedElementPosition.left = draggedElementPosition.left - dropZonePosition.left;
            console.log(draggedElementPosition);

            draggedElement.position(draggedElementPosition);

Answer 1

我通过将父设置为relative来解决它，并将删除的元素设置为＆＃34; absolute＆＃34;位置，用css。

content:"."

在Jquery detach（）和appendTo（）之后定位元素

1 个答案: