Dragula
Drag and drop so simple it hurts
영감 (Inspiration)
- 그냥 작동하는 드래그-앤-드롭 라이브러리를 원한 적이 있습니까?
- 그것은 단지 부풀려진 프레임워크에 의존하는 것이 아니라 훌륭한 지원을 가지고 있습니까?
- 요소를 놓을 때 요소를 배치할 위치를 실제로 이해합니까?
- 그것을 작동시키기 위해 수많은 일을 할 필요가 없습니까?
- Well, so did I!
Features
- 설정이 매우 쉽습니다.
-
불필요한 의존성 없음.<- 없는건 아니더라... - 스스로 정렬 순서 파악
- 아이템을 떨어뜨릴 위치에 그림자로 시각적 피드백 제공.
- 터치 이벤트!
- Seamlessly handles clicks without any configuration
동적으로 컨테이너 추가
Troubleshooting
드래그시 스타일이 깨질 때
드래그하는 동안 미러링된 Element가 표시되는 DOM 요소가 자동으로 추가된다. 이 녀석이 악의 근원이다. 기본 값이 document.body
인데, DOM 위치가 바뀌면서 CSS 스타일 경로가 깨진게 원인이다.
생성자의 options
로 mirrorContainer
를 적절한 Element 로 할당해주면 된다.