jQuery에서 드래그 할 수있는 정확도

Question

안녕하세요 : JQuery에서 특수 드래그 드롭을 만들려고 할 때 문제가 있습니다. 몇 마디.

위 링크에서 상자를 드래그하면 (왼쪽의 빨간색 상자) 드래그 상자가 가운데에 도달하지 않으면 상자가 활성화되지 않는 것처럼 보입니다. JQuery 자체에서 문제가되는 target (droppable box) 요소!

drappables에 마우스를 올리면 draggables 요소를 제어 할 수 없습니다. 예를 들어, 드롭 가능한 영역이 아닌 드롭 가능한 영역을 작게 만들 수 있습니까?

어떤 도움, 아이디어 또는 단서도 높게 평가됩니다. 미리 감사드립니다.

Answer 1

jQuery droppable에는 이것을 제어하는 ​​option 'tolerance'이 있습니다. fit, intersect, pointer, touch의 4 가지 설정이 있습니다. 설명에서 '터치'를 원하는 것처럼 보입니다. drappable이 drappable에 닿는 즉시 겹쳐지는 것으로 간주됩니다.

$('.drop_area').droppable(
    { tolerance: 'touch' } 
);