Skip to content

Dragula

Drag and drop so simple it hurts

영감 (Inspiration)

  • 그냥 작동하는 드래그-앤-드롭 라이브러리를 원한 적이 있습니까?
  • 그것은 단지 부풀려진 프레임워크에 의존하는 것이 아니라 훌륭한 지원을 가지고 있습니까?
  • 요소를 놓을 때 요소를 배치할 위치를 실제로 이해합니까?
  • 그것을 작동시키기 위해 수많은 일을 할 필요가 없습니까?
  • Well, so did I!

Features

  • 설정이 매우 쉽습니다.
  • 불필요한 의존성 없음. <- 없는건 아니더라...
  • 스스로 정렬 순서 파악
  • 아이템을 떨어뜨릴 위치에 그림자로 시각적 피드백 제공.
  • 터치 이벤트!
  • Seamlessly handles clicks without any configuration

동적으로 컨테이너 추가 

var drake = dragula();
drake.containers.push(container);

Troubleshooting

드래그시 스타일이 깨질 때

드래그하는 동안 미러링된 Element가 표시되는 DOM 요소가 자동으로 추가된다. 이 녀석이 악의 근원이다. 기본 값이 document.body 인데, DOM 위치가 바뀌면서 CSS 스타일 경로가 깨진게 원인이다.

생성자의 options로 mirrorContainer 를 적절한 Element 로 할당해주면 된다.

See also

See also

Favorite site